nested-marker.html (778B)
1 <!doctype html> 2 <title>::marker pseudo-elements generated by ::before and ::after are not addressable by global selectors</title> 3 <link rel="help" href="https://drafts.csswg.org/css-lists/#list-item"> 4 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1539171"> 5 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1543758"> 6 <link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez"> 7 <link rel="author" href="https://mozilla.org" title="Mozilla"> 8 <link rel="match" href="nested-marker-ref.html"> 9 <style> 10 ::marker { 11 color: red; 12 } 13 li::marker { 14 color: blue; 15 } 16 li::before, li::after { 17 display: list-item; 18 content: "Before"; 19 } 20 li::after { 21 content: "After"; 22 } 23 </style> 24 <ol> 25 <li>Foo 26 <li>Bar