1回答

好帮手慕久久

2020-07-07

已采纳

同学你好，css样式中是可以使用变量的，“:root{}”就是在css中声明变量。此处老师是给大家扩展了一下，不使用这种形式也是可以的。代码具体含义如下：

“:root{--h1:#1b2f90;--bg:#f9f9f6;}”这句话的意思是：在根元素下声明了两个css变量，一个是“--h1”，一个是“--bg”；

如果页面中我们需要使用“—bg”这个色值，那么就可以使用如下的形式：background:var(--bg);或者color：var（--bg）；

这样写的好处是，如果“—bg”这个色值在页面中大量使用，而我们想要更改该色值的值，那么只需将“—bg”这个变量的值改变即可，而不需要将样式中所有使用了该颜色的位置都改一遍，这样可以节省开发时间。

如果我的回答帮到了你，欢迎采纳，祝学习愉快！

0