css - 我可以在后面嵌套伪元素吗？

Question

我从 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         |
| | `---'   |           |
| `---------'           |
`-----------------------'

但它在 Chrome 30 中不起作用。http://codepen.io/tychio/pen/pLDqm

所以我只想问一下如何使用after或者before来嵌套。

Answer 1

的确，该模块已被提出，但不幸的是没有被任何浏览器实现。

所以现在你不能这样做。

编辑:刚刚找到this post