CSS .class选择器-cssref教程-字节宝

CSS .class 选择器

.class 选择器为所有具有指定类的元素添加样式。

.class 选择器使用 “.” 来选择具有包含特定值的类的元素。

类值的名称必须紧跟在点后面。

多个类值可以链接在一起。

element1.classname element1.classname1.classname2

如果在点之前没有元素名称，则选择器匹配包含该类值的所有元素。

例子：

p.urgent {color: black;}
a.external {font-style: italic;}
.example {background: red;}
.note.caution {background: yellow;}

Select and style all elements with class="intro":

.intro
{
background-color:yellow;
}
</style>

Style all <p> elements with class="hometown":

p.hometown
{
background:yellow;
}

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