编辑这个页面须要登录或更高权限！

CSS .class 类选择器

完整CSS选择器参考手册

在线示例

使用class="content"选择并设置所有元素的样式:

<!DOCTYPE html>
<html>
<title>菜鸟教程(cainiaojc.com)</title>
<head>
<style>
.content
{
background-color:yellow;
}
</style>
</head>

<body>
<h1>欢迎来到我的主页</h1>

<div class="content">
<p>我的名字叫兔兔.</p>
<p>我生活在加拿大.</p>
</div>

<p>我最好的朋友是丽丽.</p>

</body>
</html>
测试看看 ‹/›

定义和用法

 .class选择器是指定类的所有元素的样式。

浏览器兼容性

IEFirefoxOperaChromeSafari

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

在线示例

使用class="myhome"样式应用到所有 <p>元素:

<!DOCTYPE html>
<html>
<title>菜鸟教程(cainiaojc.com)</title>
<head>
<style>
p.myhome
{ 
background:red;
}
</style>
</head>

<body>
<p>我的名字叫兔兔.</p>
<p class="myhome">我生活在加拿大.</p>

<p>我的名字叫兔兔.</p>
<p class="myhome">我生活在加拿大.</p>

</body>
</html>
测试看看 ‹/›
完整CSS选择器参考手册
CSS 函数(Functions)CSS 选择器大全

CSS 参考手册
CSS @规则(RULES)
CSS 属性大全