CSS 中的 ID 选择器

您可以基于元素的 id 属性定义样式规则。所有具有该 id 的元素都将根据已定义的规则进行格式化。

 #black {
   color: #000000;
}

对于文档中 id 属性设置为 black 的所有元素，此规则将内容渲染为黑色。您可以让它更具体一些。例如

h1#black {
   color: #000000;
}

对于 id 属性设置为 black 的 <h1> 元素，此规则将其内容渲染为黑色。

当 id 选择器用作后代选择器的基础时，它们的真正力量才显现出来，例如

#black h2 {
   color: #000000;
}

在此示例中，当这些标题位于 id 属性设置为 black 的标签中时，所有第 2 级标题都将显示为黑色。

vanithasree

更新于：2020 年 1 月 30 日

467 次浏览

开启您的 职业生涯

完成课程后获取认证

开始