marker-variable-ref.html (701B)
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <link rel="author" title="Karl Dubost" href="https://github.com/karlcow" /> 6 <link 7 rel="help" 8 href="https://drafts.csswg.org/css-pseudo/#marker-pseudo" 9 /> 10 <link 11 rel="help" 12 href="https://drafts.csswg.org/css-variables/#defining-variables" 13 /> 14 <title>::marker with variables</title> 15 <style> 16 .firstTest::marker { 17 color: rgb(255 119 0 / 0.75); 18 } 19 20 .secondTest::marker { 21 color: rgb(255 119 0); 22 } 23 </style> 24 </head> 25 <body> 26 <ul> 27 <li class="firstTest">Item 1</li> 28 <li class="secondTest">Item 2</li> 29 </ul> 30 </body> 31 </html>