Maison  >  Article  >  interface Web  >  关于“div#xxxx{color:blue;}_html/css_WEB-ITnose

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

WBOY
WBOYoriginal
2016-06-24 11:45:411695parcourir

初学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"

谢谢两位,明白了!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn