html - CSS 中 element#id 是必需的吗?

标签 html css css-selectors

最近我在一本 CSS 初学者的书上看到了这个(Simon Collison 的 CSS Web 开发入门,第 19 页)

h1#title{color:red;}

它是一个element#id结构。

但这有必要吗?由于 ID 在一个 html 网页中是唯一的,因此 元素 不是必需的。

我的理解对吗?

最佳答案

id 是唯一的,但这并不意味着它们不能应用于不同文档上的其他元素,因此使用 #title 之类的东西只能在一个文档,但可以用于另一个文档中的其他元素,因此虽然 id 是唯一的,但您可以将它用于不同文档中的不同元素。因此,使用 h1#title 将强制 CSS 仅应用于具有 id #titleh1 元素。

此外,特异性很重要,h1#title#title 更具体,所以使用类似的东西

#title {
   color: red;
}

对比

h1#title {
   color: green; 
   /* This will be picked regardless of their order in the stylesheet */
}

关于html - CSS 中 element#id 是必需的吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21037603/

相关文章:

android - 如何让图像显示在 phonegap 应用程序上

html - 带有多列标题的水平列

html - 如何使用 :not() 的 css first-child

java - 需要找到有内部文本的element元素

jquery - 对象 [object Object] 没有方法 'footable'

javascript - 如何知道单击了哪个图像,然后隐藏了一个透明的地方,看不到其他图像

javascript - 如何用Javascript制作一个识别字母和数字的字段?

jquery - 我如何制作动画,将一个 bootstrap glyphicon 转换为另一个?

asp.net - 菜单控件在环境之间构建和呈现不同

html - child 选择