change a variable for a specific area - zilongxuan001/LearnFreecode GitHub Wiki
当你在:root内创造一个变量时，它们会在整个页面起作用。
如果你不想某个元素使用:root里面的变量，你可以在特殊元素内重新设置这些变量，这样就可以覆盖:root元素里的变量值。
<style>
:root {
--penguin-skin: gray;
--penguin-belly: pink;
--penguin-beak: orange;
}
body {
background: var(--penguin-belly, #c6faf1);
}
.penguin {
/* add code below */
--penguin-belly: white;
/* add code above */
position: relative;
margin: auto;
display: block;
margin-top: 5%;
width: 300px;
height: 300px;
}
</style>
Basic CSS: Change a variable for a specific area | Learn freeCodeCamp
2018-10-18 14:08:14