将类型选择器与id选择器组合起来有什么好处？例如DIV＃SOME_ID

Question

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

div#some_id

网页上只能有一个名称为“some_id”的ID。那么为什么要具体呢？这是为了可读性吗？

Answer 1

有几个可能的原因：

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

Answer 2

你是对的，但这意味着ID为some_id的 div 。 （更准确地说，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，因此您无需指定它所属的元素类型。