CSS .class 选择器

实例

选取并设置所有 class="intro" 的元素:

.intro { background-color:yellow; }

.class 选择器用于选择具有指定类别（class）属性的 HTML 元素。

通过在 CSS 规则中使用 .class，可以将样式应用于具有相同类别的多个元素。

注意：类别名称以 . 开头，并且可以在 HTML 文档中的多个元素上使用。

这是一个带有类别为"highlight"的段落。 这是一个普通的段落。 这是另一个带有类别为"highlight"的段落。

.highlight {
color: red;
font-weight: bold;
}

在以上代码中，.highlight 类别被应用于两个  元素。通过使用 .highlight 选择器，可以选择所有带有该类别的元素，并将样式应用于它们。

以上实例的 CSS 代码用于将文字颜色将设置为红色，并加粗显示，效果如下所示：

所有主流浏览器都支持.class选择器

选择所有 class="hometown" 的 元素，并设置背景颜色为黄色：

p.hometown { background-color:yellow; }