CSS 变量继承

Posted 2023-03-03 慕斯-ing

CSS 变量继承
当创建一个变量时，变量会在创建的选择器里可用，同时，在这个选择器的后代里面也是可用的。这是因为 CSS 变量是可继承的，和普通的属性一样。

CSS 变量经常会定义在 :root 元素内，这样就可被所有选择器继承。:root 是一个 pseudo-class 选择器匹配文档的根选择器，通常指 html 元素。通过在 :root 里创建变量，变量在全局可用，以及在 style 样式的选择器里也生效。

:root 
    --rabbit-ear-shadow: pink;