CSS並集選擇器

2021-07-15 03:14:54 字數 736 閱讀 3787

css並集選擇器也叫群選擇器,是由多個選擇器通過逗號連線在一起的,這些選擇器分別是:標籤選擇器、類選擇器或id選擇器等。

在宣告各種css選擇器時,如果某些選擇器的風格完全相同,或者部分相同,便可以利用並集選擇器同時宣告這些風格相同的css選擇器。

並集選擇器允許同時給多個選擇器應用同一種樣式。

並集選擇器的格式類似於:

h1,h2,p,.color,#one
這種集體宣告的效果與單獨宣告的效果完全相同。

源**如下:

示例標題h4

示例標題h5

示例文字p1

示例文字p2

示例文字p3

在瀏覽器中檢視css並集選擇器的顯示效果。如下圖所示:

*
一旦宣告了全域性選擇器「*」,那麼這個頁面內的所有html標籤的文字顏色全部為紅色,字型大小全部為24px。

源**如下:

全域性宣告之示例標題h4

全域性宣告之示例標題h5

全域性宣告之示例文字p1

全域性宣告之示例文字p2

全域性宣告之示例文字p3

在瀏覽器中檢視css並集選擇器之全域性宣告的顯示效果。如下圖所示:

如果想讓一系列網頁元素共用相同格式化屬性中的部分屬性而不是全部屬性,就可以建立乙個帶有共用格式化選項的並集選擇器,然後為每個元素分別建立具有特殊樣式的規則。換句話說,兩種或者多種不同的樣式可以格式化同乙個標籤。

交集選擇器與並集選擇器

交集選擇器 數學中 區域一和區域二共同擁有的部分為區域三,則區域三就為區域一和區域二的交集。css中 標籤一和標籤二相同的部分就為交集選擇器。系統所找到的標籤必須滿足 既有標籤一的特點,也有標籤二的特點。系統找到的標籤為 1 標籤一 id 標籤二 或 2 標籤一 class 標籤二 或 3 標籤 i...

css選擇器 CSS選擇器總結

在前不久的專案中,實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義,從而導致這個全域性的樣式讓 所有頁面都出現了問題,然後我就只...

通配選擇器 交集並集選擇器 關係選擇器(萌新必看)

lang en charset utf 8 name viewport content width device width,initial scale 1.0 documenttitle style head 我想把這段文字變成藍色h4 我想把這段文字背景變成黃色span 生活如此美好p body...