li-insert-child-ref.html (864B)
1 <!DOCTYPE HTML> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html><head> 7 <meta charset="utf-8"> 8 <title>Reference: Insert text node as first child in LI</title> 9 <link rel="author" title="Mats Palmgren" href="mailto:mats@mozilla.org"> 10 <style> 11 ul.inside { list-style-position: inside; } 12 .before::before { content: "before"; } 13 .after::after { content: "after"; } 14 </style> 15 </head> 16 <body> 17 18 <ul class="inside"> 19 <li>AB</li> 20 </ul> 21 22 <ul class="inside"> 23 <li class="before">AB</li> 24 </ul> 25 26 <ul class="inside"> 27 <li class="after">AB</li> 28 </ul> 29 30 <ul class="inside"> 31 <li class="before after">AB</li> 32 </ul> 33 34 <ul> 35 <li>AB</li> 36 </ul> 37 38 <ul> 39 <li class="before">AB</li> 40 </ul> 41 42 <ul> 43 <li class="after">AB</li> 44 </ul> 45 46 <ul> 47 <li class="before after">AB</li> 48 </ul> 49 50 </body> 51 </html>