marker-variable.html (739B)
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 rel="help" href="https://drafts.csswg.org/css-pseudo/#marker-pseudo" /> 7 <link rel="help" href="https://drafts.csswg.org/css-variables/#defining-variables" /> 8 <link rel="match" href="marker-variable-ref.html"> 9 <title>::marker with variables</title> 10 <style> 11 .firstTest::marker { 12 --alpha: 0.75; 13 color: rgb(255 119 0 / var(--alpha)); 14 } 15 16 .secondTest::marker { 17 --color: rgb(255 119 0); 18 color: var(--color); 19 } 20 </style> 21 </head> 22 23 <body> 24 <ul> 25 <li class="firstTest">Item 1</li> 26 <li class="secondTest">Item 2</li> 27 </ul> 28 </body> 29 30 </html>