同时选择所有<p>元素和<h1>元,演示多个元素选择器的使用:
<!DOCTYPE html> <html> <title>菜鸟教程(cainiaojc.com)</title> <head> <style> h1,p { background-color:red; color:white; } </style> </head> <body> <h1>欢迎来到菜鸟教程(www.cainiaojc.com)</h1> <p>我们的网址是:www.cainiaojc.com.</p> <p>我们的网站名称是:菜鸟教程.</p> <p>我们为您提供各种菜鸟教程学,学好基础,你才能走的更远!</p> </body> </html>测试看看 ‹/›
几个元素具有相同的样式,用逗号分隔每个元素的名称,例如:h1,h2,h3,p{...}
IEFirefoxOperaChromeSafari
所有主流浏览器都支持 element,element多个元素选择器。
完整CSS选择器参考手册