Here's a simplified example: http://jsbin.com/aXojEti/1/edit
On Tue, Feb 4, 2014 at 4:20 PM, Steve Orvell <[email protected]> wrote: > :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%2BrMWZgWa_-fAsSRALkhbFWJPHTHxZwJ3SSUei9BPEkfWyQ7Ng%40mail.gmail.com. For more options, visit https://groups.google.com/groups/opt_out.
