I have a component where I have an image absolutely positioned in the upper
right corner like the following.
+-----------------------+---+
| :first-child | I |
+-----------------------+---+
| rest of the content |
+---------------------------+
I'd like to be able to apply a margin on the right to the first child of
the content area so it doesn't bleed into the area taken up by the image. I
was trying the following CSS which doesn't give me the behavior I was
hoping for.
polyfill-next-selector {
content: ':first-child'; }
::content:first-child {
margin-right: 44px; }
I can work around it by giving a different class to the first element, but
I figured I'd ask if I'm doing something wrong or if there's even support
for pseudo elements within the <content> tag.
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/a39b7cf2-05e9-4de6-81ae-429637f176c2%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
