Can I nest the pseudo-element after?

Question

I found it from W3C. http://www.w3.org/TR/css3-content/#nesting

4.2.1. Nesting '::before' and '::after' pseudo-elements

The selector '::before::before' represents a pseudo-element contained at the start of a pseudo-element contained at the start of an element. For example, the following rules: div { content: 'A' } div::before { content: 'B'; } div::before::before { content: 'C'; } ...would result in the following rendering objects:

,-----------------------.
| ,---------.           |
| | ,---.   |           |
| | | C | B | A         |
| | `---'   |           |
| `---------'           |
`-----------------------'

But it was not work in Chrome 30. http://codepen.io/tychio/pen/pLDqm

So I just want to ask how can use after or before to nest.

You can nest pseudo-classes, but `::after` is a pseudo-element, and you can't nest pseudo-elements. — BoltClock, Oct 23 '13 at 07:27

score 5 · Accepted Answer · edited May 23 '17 at 12:28

5

True, that module was proposed, but unfortunately not implemented by any browser.

So for now you can't do this.

Edit: Just found this post

edited May 23 '17 at 12:28

Community

1
1

answered Oct 23 '13 at 07:25

Danield

121,619
37
226
255

Thanks. Have you more infomation? Which browser vendors will support it in future? – Tychio Oct 23 '13 at 07:29
@Tychio, sorry I don't know any additional info about future support – Danield Oct 23 '13 at 07:30

Can I nest the pseudo-element after?

1 Answers1