Differences

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

--- ideas:pseudo-elements [2012/04/12 12:19] – astearns
+++ ideas:pseudo-elements [2017/01/27 12:16] (current) – bkemper
@@ Line 95: / Line 95: @@
   <!-- ::before pseudo-element 2 -->
   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>
 </code>