Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
ideas:pseudo-elements [2014/12/09 15:48]
127.0.0.1 external edit
ideas:pseudo-elements [2017/01/27 12:16] (current)
bkemper
Line 95: Line 95:
   <!-- ::before pseudo-element 2 -->   <!-- ::before pseudo-element 2 -->
   markup content   markup content
 +</​div>​
 +</​code>  ​
 +
 +<code css>
 +div::before {border: thick solid green; content="​text1";​}
 +div::​before::​before {border: thick solid lime; content="​text2";​}
 +div::after {border: thick solid green; content="​text3";​}
 +div::​after::​after {border: thick solid lime; content="​text4";​}
 +</​code>​
 +<code html>
 +<div>
 +  <!-- ::before pseudo-element -->
 +    <!-- nesting ::before pseudo-element -->
 +      text2
 +    <!-- end -->
 +    text1
 +  <!-- end -->
 +  markup content
 +  <!-- ::after pseudo-element -->
 +    text3
 +    <!-- nesting ::after pseudo-element -->
 +      text4
 +    <!-- end -->
 +  <!-- end -->
 </​div>​ </​div>​
 </​code>  ​ </​code>  ​
 
ideas/pseudo-elements.txt · Last modified: 2017/01/27 12:16 by bkemper
Recent changes RSS feed Valid XHTML 1.0 Valid CSS Driven by DokuWiki