nested-marker-styling.html (652B)
1 <!DOCTYPE html> 2 <title>CSS Lists Test: ::marker pseudo-elements generated by ::before and ::after are stylable</title> 3 <link rel="help" href="https://www.w3.org/TR/css-lists-3/#marker-pseudo"> 4 <link rel="match" href="nested-marker-styling-ref.html"> 5 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 6 <style> 7 * { 8 font-family: Ahem; 9 } 10 div::before { 11 content: "before"; 12 display: list-item; 13 list-style-position: inside; 14 } 15 div::after { 16 content: "after"; 17 display: list-item; 18 list-style-position: inside; 19 } 20 div::before::marker { 21 content: "before-marker"; 22 } 23 div::after::marker { 24 content: "after-marker"; 25 } 26 </style> 27 <div></div>