CSS交集選擇器

2021-07-15 03:13:47 字數 460 閱讀 6138

第一種格式類似於:

h1.center
這種格式由標籤選擇器和類選擇器組成。

第二種格式類似於:

h1#center
這種格式由標籤選擇器和id選擇器組成。

兩個選擇器之間不能有空格,必須連續書寫。

以上這兩種格式組成的選擇器,也就是前者所定義的標籤型別和後者的類或者id的元素,稱之為交集選擇器。

注意標籤載入css樣式的順序!

在上述**中:

源**如下:

這是普通段落,藍色。

這是普通段落,紅色。

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

源**如下:

普通段落,藍色

普通段落,紅色

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

交集選擇器與並集選擇器

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

css選擇器 CSS選擇器總結

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

CSS的類名交集復合選擇器

交集 復合選擇器是由兩個選擇器直接連線構成,其結果是選中二者各自元素範圍的交集。其中第乙個必須是標記選擇器,第二個必須是類別選擇器或者id選擇器。這兩個選擇器之間不能有空格,必須連續書寫。注意其中第乙個必須是標記選擇器,如p.class1,但有時候會看到.class1.class2,即2個都是類選擇...