使用通配符“*”,選擇所有元素,并設(shè)置其背景顏色和文字樣式:
<!DOCTYPE html> <html> <title>菜鳥教程(cainiaoplus.com)</title> <head> <style> * { background-color:green; color:white; } </style> </head> <body> <h1>歡迎來到菜鳥教程(www.soo66.com)</h1> <div class="content"> <p class="website">我們的網(wǎng)址是:www.soo66.com.</p> <p class="sitename">我們的網(wǎng)站名稱是:菜鳥教程.</p> </div> <p>我們?yōu)槟峁└鞣N菜鳥教程學(xué),學(xué)好基礎(chǔ),你才能走的更遠(yuǎn)!</p> </body> </html>測試看看 ?/?
通配符“*”選擇器選擇所有元素。
通配符“*”選擇器也可以選擇另一個(gè)元素內(nèi)的所有元素:
選擇<div>元素內(nèi)的所有元素:
<!DOCTYPE html> <html> <title>菜鳥教程(cainiaoplus.com)</title> <head> <style> div * { background-color:green; } </style> </head> <body> <h1>歡迎來到菜鳥教程(www.soo66.com)</h1> <div class="content"> <p class="website">我們的網(wǎng)址是:www.soo66.com.</p> <p class="sitename">我們的網(wǎng)站名稱是:菜鳥教程.</p> </div> <p>我們?yōu)槟峁└鞣N菜鳥教程學(xué),學(xué)好基礎(chǔ),你才能走的更遠(yuǎn)!</p> </body> </html>測試看看 ?/?
IEFirefoxOperaChromeSafari
所有主流瀏覽器都支持*選擇器。