:host may only be qualified via parens, like this: :host([attr="xyz"])
So, this should work:
:host([attr="xyz"]) content[select=":nth-child(1)"]::content > * {
font-style: italic;
}
On Tue, Feb 4, 2014 at 4:11 PM, Sergey Shevchenko <[email protected]>wrote:
> Hi there,
>
> I have the following Polymer element definition:
>
> <polymer-element name="my-element" attributes="attr">
> <template>
> <style>
> @import url("my_element.css");
> </style>
>
> <content select=":nth-child(1)"></content>
> ...
> </polymer-element>
>
> What I need is a CSS selector that would match my <content>, but only when
> the `attr` attribute on the host element is "xyz". I've tried all these:
>
> :host[attr="xyz"] content[select=":nth-child(1)"]::content > * {
> font-style: italic;
> }
>
> :host[attr="xyz"] > content[select=":nth-child(1)"]::content > * {
> font-style: italic;
> }
>
> content[select=":nth-child(1)"]::content[attr="xyz"] > * {
> font-style: italic;
> }
>
>
> None of these worked. At the same time, each of the two sub-selectors
> works individually:
>
> :host[attr="xyz"] {
> font-style: italic;
> }
>
> content[select=":nth-child(1)"]::content > * {
> font-style: italic;
> }
>
> So I'm just looking for the right way to combine them.
>
> Thanks!
>
> Follow Polymer on Google+: plus.google.com/107187849809354688692
> ---
> You received this message because you are subscribed to the Google Groups
> "Polymer" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to [email protected].
> To view this discussion on the web visit
> https://groups.google.com/d/msgid/polymer-dev/39068648-7a20-4fd5-bbfa-79bdb1715671%40googlegroups.com
> .
> For more options, visit https://groups.google.com/groups/opt_out.
>
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/CA%2BrMWZiAp0pej14YcXwtOSMfdHgA-YrN68vD5MsvvY-vj0Of3g%40mail.gmail.com.
For more options, visit https://groups.google.com/groups/opt_out.
