BAEK_HYUN 发表于 2021-10-29 11:43:06

css root选择器和*选择器和body选择器区别

:root{

}

*
{

}

body{

}

这三个不都是规范主体的格式吗?有啥区别啊,分不太清,为啥光用body选择器还不够?

einsgo 发表于 2021-10-29 19:09:33

body就是标签选择器,选择body标签,一般文档内容放在body标签里面
:root选择的是html标签(也是根标签)
*是通配符选择所有标签

BAEK_HYUN 发表于 2021-10-30 21:44:48

einsgo 发表于 2021-10-29 19:09
body就是标签选择器,选择body标签,一般文档内容放在body标签里面
:root选择的是html标签(也是根标签)
...

但是这三个规范的不都相当于body的内容吗,用哪个不都是相当于给body里的内容设置吗,:root和*什么时候用啊

Rydia 发表于 2021-10-31 12:02:49

根标签或html影响的可不止是body,还有head呢
通配符*那就完全不一样了,是选中所有元素
有些属性的设置是不继承的,所以区分这些是非常有意义的

至于什么时候用嘛:
:root或html里面会写一些css变量
*在去除默认样式的时候非常常用
body那就不用我说了吧,能实际看到的,你想他长啥样就设置他就对了
页: [1]
查看完整版本: css root选择器和*选择器和body选择器区别