doc_markup_pseudo.html (473B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <style> 4 article::before, 5 article::after { 6 content: ""; 7 } 8 9 ul::before { 10 content: "Animals:"; 11 display: list-item; 12 } 13 14 ul::before::marker { 15 content: "+"; 16 color: tomato; 17 } 18 19 ul::after { 20 content: "-"; 21 } 22 23 dialog::backdrop { 24 background-color: gold; 25 } 26 dialog::before { 27 content: "before dialog"; 28 } 29 </style> 30 31 <article> 32 <div>test node</div> 33 </article> 34 <ul> 35 <li>Dogs</li> 36 <li>Cats</li> 37 </ul> 38 <dialog><p>My Dialog</p></dialog>