我是从W3C找到的。 http://www.w3.org/TR/css3-content/#nesting
4.2.1。嵌套':: before'和':: after'伪元素
选择器':: before :: before'表示包含在元素开头的伪元素开头的伪元素。 例如,以下规则: div {content:'A'} div :: before {content:'B'; } div :: before :: before {content:'C'; } ...将导致以下渲染对象:
,-----------------------.
| ,---------. |
| | ,---. | |
| | | C | B | A |
| | `---' | |
| `---------' |
`-----------------------'
但它在Chrome 30中无效。http://codepen.io/tychio/pen/pLDqm
所以我只想问一下如何使用after
或before
进行嵌套。