Styles that use * are not specific enough under shady dom

[ebidel]

I have a reset stylesheet in my main page. A selector :host > ::content > * is not specific enough under shady dom and the padding/margins styles are never applied:

yles

https://github.com/PolymerElements/paper-dialog-behavior/blob/master/paper-dialog-common.css#L24

[valdrinkoshi]

The only solution i can think of is applying the style like this:

:host > ::content > *,
:host > ::content > h2,
:host > ::content > div,
:host > ::content > p {
  margin-top: 20px;
  padding: 0 24px;
}

but is far from ideal...any other ideas?

[bicknellr]

(PolymerElements/paper-checkbox#104 is related.)

[valdrinkoshi]

Ideally, the styles shouldn't be applied to content (since content could be anything). We should instead have a content or body class that explicitly styles those elements. Otherwise, we should expect the Polymer user to style those.