CSS变量的继承

理解

当你创造了一个变量，你就可在元素内部使用它。当然，你可以在任何继承该元素的元素内使用它，这就是继承。

由于有继承，CSS变量经常被定义在:root元素内。

你可以把:root元素作为HTML文档的容器，就像html元素作为body元素的容器。

在:root内创造你的变量，这样整个页面的元素都能使用。

<style>
  :root {
    
    /* add code below */
    --penguin-belly: pink;
    /* add code above */
  }
<style>

2018-10-18 14:03:42