第一種格式類似於:
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個都是類選擇...