使用class="content"選擇并設(shè)置所有元素的樣式:
<!DOCTYPE html>
<html>
<title>菜鳥教程(cainiaoplus.com)</title>
<head>
<style>
.content
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>歡迎來(lái)到我的主頁(yè)</h1>
<div class="content">
<p>我的名字叫兔兔.</p>
<p>我生活在加拿大.</p>
</div>
<p>我最好的朋友是麗麗.</p>
</body>
</html>測(cè)試看看 ?/?.class選擇器是指定類的所有元素的樣式。
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持.class選擇器
使用class="myhome"樣式應(yīng)用到所有 <p>元素:
<!DOCTYPE html>
<html>
<title>菜鳥教程(cainiaoplus.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>測(cè)試看看 ?/?