css - 将类型选择器与 id 选择器结合起来有什么好处？例如 div#some_id

Question

这非常简单，但我想知道人们为什么要写这个？

div#some_id

您在网页上只能拥有一个名为“some_id”的 ID。那么为什么要具体呢？是否出于可读性目的？

Answer 1

有几个可能的原因：

• 这是一个更具体的选择器
• 它告诉阅读样式表的人选择器针对的是 div 元素
• 相同的 id 可以应用于使用相同样式表的不同页面上的不同元素类型（这通常会导致更多的混乱然后好处，所以我不建议这种方法）。

Answer 2

你是对的，但这意味着一个div的 ID 为some_id. （更准确地说，一个 ID 为 的元素some_id，它也是一个div）。

这赋予了更高的特异性值，但你是对的。它通常对 ID 毫无价值，对类名更有用。

例如：

div.large { width: 500px; /* 500px is a large div */ }
input.large { width: 100px; /* 100px is a large input */ }

相同的类名，不同的结果。

Answer 3

这样做的原因主要是为了样式表的可读性。

由于您在一个页面上只能有 1 个 id，因此您不需要指定它是哪种类型的元素是有道理的。