html - 这两个选择器有什么区别

Question

这有什么区别吗

#id {
}

还有这个

div#id {
}

Answer 1

是的。主要有两个区别:

• 第一个选择器匹配任何具有 id="id" 的元素，而第二个选择器仅匹配具有该 id 的 div 元素。

  <

• 第二个选择器更具体，因此如果您有两个选择器并且它们匹配相同的元素，则第二个选择器的样式将优先。

通常您会使用第一个选择器。由于 id 在页面中应该是唯一的，因此它只会针对单个元素。

如果您对多个页面使用相同的样式表，并且您想要在特定条件下定位 id，或者如果您想要通过使其更具体来覆盖另一个规则，那么第二个选择器将很有用。