CSS并集選擇器也叫群選擇器，是由多個選擇器通過逗號連接在一起的，這些選擇器分別是：標(biāo)簽選擇器、類選擇器或id選擇器等。

在聲明各種CSS選擇器時，如果某些選擇器的風(fēng)格完全相同，或者部分相同，便可以利用并集選擇器同時聲明這些風(fēng)格相同的CSS選擇器。

并集選擇器允許同時給多個選擇器應(yīng)用同一種樣式。

CSS并集選擇器的格式

并集選擇器的格式類似于：

h1,h2,p,.color,#one{

color:blue;

font-size:14px;

}

這種集體聲明的效果與單獨聲明的效果完全相同。

示例一

源代碼如下：

CSS并集選擇器示例-www.baike369.com

CSS并集選擇器示例

示例標(biāo)題h2

示例標(biāo)題h3

示例標(biāo)題h4

示例標(biāo)題h5

示例文本p1

示例文本p2

示例文本p3

在瀏覽器中查看CSS并集選擇器的顯示效果。如下圖所示：

示例二

*{ /* 全局聲明 */

color:red; /* 文字顏色 */

font-size:24px; /* 字體大小 */

}

一旦聲明了全局選擇器“*”，那么這個頁面內(nèi)的所有html標(biāo)簽的文字顏色全部為紅色，字體大小全部為24px。

源代碼如下：

CSS并集選擇器之全局聲明示例-baike369.com

CSS并集選擇器之全局聲明示例

全局聲明之示例標(biāo)題h2

全局聲明之示例標(biāo)題h3

全局聲明之示例標(biāo)題h4

全局聲明之示例標(biāo)題h5

全局聲明之示例文本p1

全局聲明之示例文本p2

全局聲明之示例文本p3

在瀏覽器中查看CSS并集選擇器之全局聲明的顯示效果。如下圖所示：

提示

如果想讓一系列網(wǎng)頁元素共用相同格式化屬性中的部分屬性而不是全部屬性，就可以創(chuàng)建一個帶有共用格式化選項的并集選擇器，然后為每個元素分別創(chuàng)建具有特殊樣式的規(guī)則。換句話說，兩種或者多種不同的樣式可以格式化同一個標(biāo)簽。

總結(jié)

以上是生活随笔為你收集整理的html 并集选择器,CSS并集选择器的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。