CSS .class 选择器

在一个HTML文档中， CSS类选择器会根据元素的类属性中的内容匹配元素。类属性被定义为一个以空格分隔的列表项，在这组类名中，必须有一项与类选择器中的类名完全匹配，此条样式声明才会生效。

实例

选择并设置 class="intro" 的元素的样式：

<!DOCTYPE html>
<html>
<head>
<style>
.intro
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>欢迎来到我到的主页</h1>
<div class="intro">
<p>我是唐老鸭。</p>
<p>我住在 Duckburg。</p>
</div>
<p>我最好的朋友是米老鼠。</p>
</body>
</html>

运行一下

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

选择器
.class	Yes	Yes	Yes	Yes	Yes

定义和用法

.class 选择器选取带有指定类 (class) 的元素。

实例

为 class="hometown" 的所有 <p> 元素设置样式：

p.hometown
{
background-color:yellow;
}

CSS .class 选择器

实例

浏览器支持

定义和用法

实例

相关页面

分类导航