Here's a cheat sheet to help you out: http://robdodson.me/blog/2014/04/10/shadow-dom-css-cheat-sheet/
On Fri, Apr 25, 2014 at 2:11 PM, Ian Maffett <[email protected]> wrote: > Thanks to both of you. the psuedo element slipped my mind. > > On Apr 25, 2014, at 4:30 PM, Rob Dodson <[email protected]> wrote: > > Yep, Justin's right. Here's a jsbin: > > http://jsbin.com/sarez/4/edit > > > On Fri, Apr 25, 2014 at 1:27 PM, 'Justin Fagnani <[email protected]>' > via Polymer <[email protected]> wrote: > >> For styling <content> use the ::content pseudo-element. >> >> See >> http://www.html5rocks.com/en/tutorials/webcomponents/shadowdom-201/#toc-style-disbtributed-nodes >> >> >> >> >> On Fri, Apr 25, 2014 at 1:02 PM, <[email protected]> wrote: >> >>> I've got a few questions for interacting with content in a template >>> (using Chrome 35 beta). Good chance I'm mis-understanding the use of >>> <content> (I know it's the insertion point in the shadow dom). These work >>> fine with the pollyfils, but have issues with native shadow dom. >>> >>> First, what's the correct way to apply styles to the elements inside the >>> <content> tag - http://jsbin.com/xeroxezi/1/edit - Here I'm trying >>> to style the span element. >>> >>> Second, what's the best practice for interacting with the items in the >>> content? Basic example is an element that takes anchors and turns them >>> into a stylized ul/li's . Should I be following something like this >>> example? >>> https://github.com/PolymerLabs/labs/blob/master/list/elements/more-list/more-list.html#L54 >>> >>> >>> thanks, >>> Ian >>> >>> 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/0dba12d5-1303-4347-a4cb-924dac1b7f04%40googlegroups.com<https://groups.google.com/d/msgid/polymer-dev/0dba12d5-1303-4347-a4cb-924dac1b7f04%40googlegroups.com?utm_medium=email&utm_source=footer> >>> . >>> For more options, visit https://groups.google.com/d/optout. >>> >> >> 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/CAEKsHmD3Rz9qrdO3BF95wt6o9KFFYxnhwYkYzPV9AChNZO9Bdw%40mail.gmail.com<https://groups.google.com/d/msgid/polymer-dev/CAEKsHmD3Rz9qrdO3BF95wt6o9KFFYxnhwYkYzPV9AChNZO9Bdw%40mail.gmail.com?utm_medium=email&utm_source=footer> >> . >> >> For more options, visit https://groups.google.com/d/optout. >> > > 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/CAJj5OwDPk%3DhfsshcoCgU89uY5NfQ5JGx50B0GVzfGTeqqd7KXw%40mail.gmail.com. For more options, visit https://groups.google.com/d/optout.
