使用通配符“*”,选择所有元素,并设置其背景颜色和文字样式:
<!DOCTYPE html> <html> <title>基础教程网(nhooo.com)</title> <head> <style> * { background-color:green; color:white; } </style> </head> <body> <h1>欢迎来到基础教程网(www.nhooo.com)</h1> <div class="content"> <p class="website">我们的网址是:www.nhooo.com.</p> <p class="sitename">我们的网站名称是:基础教程网.</p> </div> <p>我们为您提供各种基础教程学,学好基础,你才能走的更远!</p> </body> </html>测试看看 ‹/›
通配符“*”选择器选择所有元素。
通配符“*”选择器也可以选择另一个元素内的所有元素:
选择<div>元素内的所有元素:
<!DOCTYPE html> <html> <title>基础教程网(nhooo.com)</title> <head> <style> div * { background-color:green; } </style> </head> <body> <h1>欢迎来到基础教程网(www.nhooo.com)</h1> <div class="content"> <p class="website">我们的网址是:www.nhooo.com.</p> <p class="sitename">我们的网站名称是:基础教程网.</p> </div> <p>我们为您提供各种基础教程学,学好基础,你才能走的更远!</p> </body> </html>测试看看 ‹/›
IEFirefoxOperaChromeSafari
所有主流浏览器都支持*选择器。