Question

示例：我有这个元素：

<div id="foo" class="my-foo"></div>

如果我在Chrome控制台中单击“ +”按钮

Chrome会“建议”通过其ID（而不是通过类）选择div，如下所示：

div#foo{}

通过元素的ID样式元素不是很错误吗？

Answer 1

在为具有ID的元素添加样式规则时，检查器通常会假定您只想对该元素进行样式设置，而不要对其他任何div元素或碰巧与.my-foo匹配的元素进行样式设置，因此ID选择器的建议。

我不清楚为什么在ID前面加上类型选择器。如果要防止重复的ID，那么肯定不会阻止选择器匹配具有相同ID的两个div，这比具有相同ID的两个不同类型的元素更有可能。