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.
