css的復合選擇器與特性
1、復合選擇器
復合選擇器就是
兩個或多個基本選擇器，通過不同的方式連線成的選擇器。
復合選擇器的三種型別：交集選擇器、並集選擇器、後代選擇器。
（1）交集選擇器
「交集」復合選擇器由兩個選擇器直接連線構成；其中第乙個必須是標記選擇器，第二個必須是類別選擇器或者id選擇器；這兩個選擇器之間不能有空格。
例如：下圖宣告了 p、.special、p.special這三種選擇器：
案列**：
普通段落文字（藍色）
指定了.special類別的段落文字（紅色）
案例**中定義了p 標記的樣式，也定義「.special」類別的樣式，此外還單獨定義了p.special用於特殊的控制，而在這個p.special中定義的風格樣式僅僅適合用於，而不會影響使用.special的其他標記。
（2）並集選擇器
並集選擇器簡稱「集體宣告」；並集選擇器是多個選擇器通過逗號連線而成的。
案列演示：
案例文字4
案例文字5
案例文字p1
案例文字p2
案例文字p3
案列中可以看到所有行的顏色都是綠色，而且字型大小均為15px。這種集體宣告的效果與單獨宣告的效果完整相同 h2.special 、.special 和#one的宣告並不會影響前乙個的集體宣告，第二行和最後兩行在綠色和大小為15px的前提下使用了下劃線進行突出。
（3）後代選擇器
css選擇器中，還可以通過巢狀的方式對特殊位置的html 標記進行宣告，例如當與
之間包含標記時，就可以使用後代選擇器進行相應的控制。後代選擇器的寫法就是把外層的標記寫在前面，內層的標記寫在後面，之間用空格分隔。當標記發生巢狀時，內層的標記就成為外層標記的後代。
例如，假設有下面的**：
外層的文字，中間的文字內層的文字
外層是標記，裡面巢狀了標記，標記中又巢狀了標記，則稱是的子元素，是的子元素。
巢狀使用css（藍色）
標記的方法
巢狀之外的標記（黃色）
不生效
通過將span選擇器巢狀在p選擇器中進行宣告，顯示效果只適合用於和
之間的標記，而其外的標記並不產生任何效果；只有第一行中和之間的文字變成了藍色，而第二行文中 和之間的文字則是按照第二條css樣式規則設定的，即為黃色。
**選擇器的巢狀在css編寫中可以大大減少對class和id的的生宣告。
在css2中還規定了一種符合選擇器，稱為「子選擇器」，也就是只對直接後代有影響的選擇器，而對子孫以及多層的後代不會產生作用。
**子選擇器和後代選擇器的語法區別在於使用大於號連線：
外層的內容，中間的內容b>內層的內容
假設上面的內容css設定為：
p>span
效果是僅有「中間的內容」這幾個字變為黃色，因為span是p的直接後代，b是p的「孫子」不在選中範圍內。
2、css的繼承特性
css的繼承指的是子標記可以會繼承父標記的所有的樣式風格，並可以在父標記樣式風格的基礎上再加上修改，產生新的樣式，且子標記的樣式風格完全不會影響父標記。
子標記會繼承父標記中的樣式：
老羅是nb型別的人
假設上面的內容css設定為:
p{color:green;
text-decoration：underline;
b{color:red;
案列效果為：
上圖可以看到b繼承了下劃線
樣式，還改變了顏色 。而且子標記的樣式風格完全不會影響父標記，這樣就可以實現css樣式的共用。
3、css的層疊特性
層疊特性可概括為各樣式間的優先順序順序，當產生衝突時以優先順序高的為準。
各個樣式優先順序排行：
行內樣式》id樣式》class樣式》標記樣式
當兩個類別樣式優先順序相同時，此時以寫在前者為準（寫在前面》寫在後面）。如：此時p1樣式優先
以上內容部分出自www.ptpress.com.cn
CSS學習筆記2 CSS選擇器
一 css選擇器 1.什麼是css選擇器 2.css選擇器的作用 根據指定標籤，在當前頁面中，找到所有符合條件的標籤，設定樣式 3.選擇器需要的注意點 選擇器選中的是所有該型別的標籤，不是一部分，是所有。無論標籤藏得多深，選擇器都可以找到該標籤 二 常見的css選擇器 1.標籤選擇器 作用 在整個頁...
2 Css中的樣式選擇器
1 樣式規則的選擇器 通過怎樣的途徑來獲得頁面上要設定樣式的元素 1 html selector 2 class selector 需要給要設定樣式的元素的class屬性賦值 3 id selector 需要給要設定樣式的元素的id屬性賦值 4 關聯選擇器 p em text indent 0cm ...
CSS選擇器 復合選擇器
選擇器 名稱 說明 css 版本 通用選擇器 選擇所有元素 2元素選擇器 選擇指定型別的元素1 id 選擇器 選擇指定 id 屬性的元素1.class 選擇器 選擇指定 class 屬性的元素 1 attr 系列 屬性選擇器 選擇指定 attr 屬性的元素 2 3 s1,s2,s3 分組選擇器 選擇...