使用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>测试看看 ‹/›