使用class="content"选择并设置所有元素的样式:
<!DOCTYPE html> <html> <title>基础教程网(nhooo.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>基础教程网(nhooo.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>测试看看 ‹/›