css 嵌套的伪元素

Posted 2021-05-13

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}

// alert('Hello world!');

<div></div>

/**
 * Nested pseudo elements
 * 
 * According to [the spec](http://www.w3.org/TR/css3-content/#nesting) pseudo should be allowed to be nested.
 */

* {padding:1em;}

div { 
	content: 'A';
	outline: 1px solid orange;
}

div::before { 
	content: 'B'; 
	outline: 1px solid red;
}

div::before::before { 
	content: 'C'; 
	outline: 1px solid lime;
}