1. 程式人生 > >學習筆記——CSS的高階特性:複合、繼承、層疊

學習筆記——CSS的高階特性:複合、繼承、層疊

版權宣告:本文為博主原創文章,未經博主允許不得轉載。    https://blog.csdn.net/gaoce227/article/details/72784888
一、複合選擇器
css基本選擇器有標記選擇器、ID選擇器和類選擇器三種,由此三種組合又構成了複合選擇器。
複合選擇器就是兩個或多個選擇器,通過不同方式連線而成的選擇器。
“交集”選擇器:有兩個選擇器直接連線構成,選擇兩者的交集,其中第一個必須是標記選擇器,第二個必須是類別選擇器或者是ID選擇器。這兩個選擇器之間不能有空格,必須連續書寫。
並集選擇器:或稱為“集體宣告”。它的結果是同時選中各個選擇器所選擇的範圍。任何選擇器都可以作為並集選擇器的一部分,各個選擇器以逗號連線而成。
後代選擇器:後代選擇器的寫法就是把外層的標記寫作前面,內層的標記寫在後面,之間用空格分隔,當標記巢狀時,內層的標記就成為外層標記的後代。三種基本基本選擇器都可進行巢狀。
子選擇器:由於後代選擇器不僅限於元素的直接後代,而且還影響到元素的各級後代。因此產生了子選擇器,這種選擇器只作用於直接後代:聯結器之間用大於號連線。IE6不支援子選擇器。

二、CSS的繼承特性
繼承關係:所有的CSS語句都是基於各個標記之間的繼承關係的。樹形結構、                                                                                                                                                                                                   
CSS繼承的運用:子標記不影響父標記。並不是所以的屬性都會自動傳給子元素。例如邊框屬性是非繼承的。                                     

三、CSS的層疊特性

層疊不是繼承,更不同於繼承。
優先規則:行內樣式>ID樣式>類別樣式>標記樣式
--------------------- 
作者:Goith 
來源:CSDN 
原文:https://blog.csdn.net/gaoce227/article/details/72784888 
版權宣告:本文為博主原創文章,轉載請附上博文連結!