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