日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當(dāng)前位置: 首頁 > 前端技术 > CSS >内容正文

CSS

html 并集选择器,CSS并集选择器

發(fā)布時間:2023/12/2 CSS 39 豆豆
生活随笔 收集整理的這篇文章主要介紹了 html 并集选择器,CSS并集选择器 小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

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)容還不錯,歡迎將生活随笔推薦給好友。