[分享]CSS中ID选择器的权重是多少

CSS中ID选择器的权重是多少？这是许多初学者的疑问。简单来说，ID选择器是具有高优先级的选择器，其权重为100。main { fontsize: 18px; color: red; } 在上面的代码...

CSS中ID选择器的权重是多少？这是许多初学者的疑问。简单来说，ID选择器是具有高优先级的选择器，其权重为100。

#main {
  font-size: 18px;
  color: red;
} 

在上面的代码中，我们使用了ID选择器"#main"，给文字设置了字号以及颜色。由于ID选择器的权重为100，它比其他选择器（如元素选择器、类别选择器等）要具有更高的优先级。

如果一个元素同时拥有多个选择器，那么CSS会根据权重的大小来决定应用哪个样式。例如：

#main {
  font-size: 18px;
  color: red;
}
p {
  font-size: 14px;
  color: blue;
} 

在上述代码中，我们为ID为“main”的元素和“p”元素设置了样式。如果某个段落同时既属于ID为“main”的元素，又属于“p”元素，那么ID选择器的样式将覆盖元素选择器的样式。

当然，如果两个ID选择器应用于同一个元素，那么它们之间的优先级将由文档顺序来决定。

#main {
  font-size: 18px;
  color: red;
}
#content {
  font-size: 16px;
  color: green;
} 

在上述代码中，如果一个元素同时既属于ID为“main”的元素，又属于ID为“content”的元素，那么ID选择器“#content”将覆盖ID选择器“#main”的样式。

总之，ID选择器在CSS中是具有高优先级的选择器，其权重为100。当多个选择器应用于同一个元素时，CSS会根据权重的大小来决定应用哪个样式。