So I am trying to apply a style to a specific div of my web mapping project. But I don't get why it's not working. I want that to specific div to be transparent, but it's overriten by a rule that gives the background-color #808080 and I can not locate the rule responsible for it. The dev tool says only for source. enter image description here

How can I find the source of the rule background-color: #808080!important?

CodePudding user response：

When two similar styles (in the different selectors) have !important, the style be applied that its specificity has more priority. For that reason when you add body before .esriPopup, the priority of your style is more.

For more information about it, you can read this article.

CodePudding user response：

The tip from @sanket is the solution:

body .esriPopup .titlePane {
    background-color: transparent!important;
}

Adding "body" did the trick.