欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

关于“div#xxxx{color:blue;}_html/css_WEB-ITnose

程序员文章站 2022-05-25 17:53:51
...
初学web,看到这样的写法不太明白,不是说id在一个文档里面是唯一的吗,那么 div#xxxx 这样的写法意思是id为xxxx的div元素,但是id不是已经确定了唯一性了,前面的div是不是显得多余?


回复讨论(解决方案)

id是唯一的.前面的div可以不写,但写了也不会出错.有时为了代码的可读性还是建议写上

div#box {
color: red;
}

==>
满足这个选择器的元素:
1. DIV元素
2. ID为"box"

当然,如果还有一个选择器为 #box { color: blue; }
div#box { color: red; } 的权重(优先级)比 #box { color: blue; }
则最终 div 的内容颜色为 "red"

谢谢两位,明白了!