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