同時(shí)選擇所有<p>元素和<h1>元,演示多個(gè)元素選擇器的使用:
<!DOCTYPE html>
<html>
<title>菜鳥教程(cainiaoplus.com)</title>
<head>
<style>
h1,p
{
background-color:red;
color:white;
}
</style>
</head>
<body>
<h1>歡迎來(lái)到菜鳥教程(www.jixiangtaizi.com.cn)</h1>
<p>我們的網(wǎng)址是:www.jixiangtaizi.com.cn.</p>
<p>我們的網(wǎng)站名稱是:菜鳥教程.</p>
<p>我們?yōu)槟峁└鞣N菜鳥教程學(xué),學(xué)好基礎(chǔ),你才能走的更遠(yuǎn)!</p>
</body>
</html>測(cè)試看看 ?/?幾個(gè)元素具有相同的樣式,用逗號(hào)分隔每個(gè)元素的名稱,例如:h1,h2,h3,p{...}
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持 element,element多個(gè)元素選擇器。
完整CSS選擇器參考手冊(cè)