上代码:
<!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS 变量测试</title> <style type="text/css"> :root{ --myfontcolor:red; } h2{ --myh2fontcolor:yellow; --myh2fontsize: calc(20px * 2); } .one{ --myfontcolor:blue; } h2{ color:var(--myh2fontcolor); font-size:var(--myh2fontsize); } .one{ color:var(--myfontcolor); } .two{ color:var(--myfontcolor); } .three{ color:var(--myfontcolor); } </style> </head> <body> <h2>hhhh</h2> <div class="one">1111</div> <div class="two">2222</div> <div class="three">3333</div> </body> </html>