Question

一个id选择器和10个类选择器的优先级相等吗

Answer 1

一个id选择器和10个类选择器的优先级相等。

CSS样式选择器分为4个等级，a、b、c、d，可以以这四种等级为依据确定CSS选择器的优先级。

id优先级比class高是相对于同一个元素来说的，例如标签<div id="header" class="header">header</div>对应的css #header{font-size： 14px;}.header{font-size: 12px;},此时div里面的文字大小为14px，这就是你说的id高于class。

ID选择器：

ID选择器可以为标有特定 ID 的 HTML 元素指定特定的样式。 根据元素ID来选择元素，具有唯一性，这意味着同一id在同一文档页面中只能出现一次，例如，你将一个元素的id取值为”navi”，那么在同一页面你就不能再将其他元素id取名为”navi”了。

css选择器还是会把这些元素都选中应用样式，对于css选择器，id属性的唯一性似乎不存在。然而，对于js而言，它只会选择具有相同id名字元素中的第一个。出于一个好的编程习惯，同一个id不要在页面中出现第二次。