CSS 变量继承
当创建一个变量时,变量会在创建的选择器里可用,同时,在这个选择器的后代里面也是可用的。这是因为 CSS 变量是可继承的,和普通的属性一样。
CSS 变量经常会定义在 :root 元素内,这样就可被所有选择器继承。:root 是一个 pseudo-class 选择器匹配文档的根选择器,通常指 html 元素。通过在 :root 里创建变量,变量在全局可用,以及在 style 样式的选择器里也生效。
:root {
--rabbit-ear-shadow: pink;
}