你为什么要这样做:
h1#chapter1 { text-align: center }
代替
#chapter1 { text-align: center }
如果一个 id 在文档树中应该是唯一的?
你为什么要这样做:
h1#chapter1 { text-align: center }
代替
#chapter1 { text-align: center }
如果一个 id 在文档树中应该是唯一的?
通常这样做是为了方便准确地分辨出哪种元素具有 ID,而无需离开样式表。我认为它还具有比#element 更高的特异性,因此您可以使用 div#element 覆盖标准的#element 选择器。
我这样做是为了让下一个开发人员知道 ID 在哪个元素上。
我不会在 div、section 或任何“容器”上这样做。
奇怪的问题,也许您在共享相同样式表的不同页面的不同元素上具有相同的 id?
例如在 home.html 你有<h1 id="title">
在 about.html 你有<h2 id="title">
但是它们都使用相同的样式表,并且您只想为主页标题应用样式..
此外,使不同类型的选择器之间的 CSS 语法不一致是没有意义的。会引起更多的混乱,这是值得的。