CSS 集體選擇器

提問人：劉團(tuán)圓發(fā)布時間：2020-11-17

在編寫頁面的時候，會遇到很多個元素都要采用同一種樣式屬性的情況，這時會把這些樣式相同的元素放在一起進(jìn)行集體聲明，而不是單個分開來。這樣做可以極大地簡化操作，集體選擇器就是為這種情況而設(shè)計(jì)的。

【例】使用集體選擇器

代碼如下：

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

li,.mytxt,span,a{

font-size: 20px;

color:red;

}

</style>

</head>

<body>

<ul>

</ul>

<hr/>

這是第1行文字

這是第2行文字

這是第3行文字

這是第4行文字

這是第5行文字

<hr/>

這是span標(biāo)簽內(nèi)部的文字

<hr/>

</body>

</html>

集體選擇器的語法是在每個選擇器之間使用逗號隔開。通過集體選擇器可以達(dá)到對多個元素進(jìn)行集體聲明的目的。以上代碼選中了頁面中所有的<li>、、<a>以及類名為mytxt的元素，并且對這些元素進(jìn)行集體樣式的編寫。代碼運(yùn)行效果如圖所示。

相關(guān)視頻回答

回復(fù)(0)