css 7.4 選擇器
-後代選擇器
1.後代選擇器又稱為包含選擇器。可以選擇作為某元素後代的元素。
格式：元素1 元素
2 元素
3···
例如：h1 em
解釋：把作為h1元素的後代元素
em的文字變成紅色。
html中：
//可以匹配
·····
········
//不可以匹配
2.具體應用
①p.a span.a
html中： 「
a」>
····「a
」>
·······
//可以匹配「a
」>
····「b
」>
·······
//不可以匹配 「
a」>
····
···········
····
//不可以匹配 「
b」>
····「a
」>
·······
//不可以匹配
·············「a
」>
·······
//不可以匹配
②div.sidebar a:link
html中： 「
sidebar
」>
········
「位址」
>
·······
//可以匹配
「maincontent
」>
····
「位址」
>
·······
//不可以匹配
注：div.sidebar邊欄塊；
div.maincontent
主區塊；
a:link
普通未被訪問的鏈結。
③p span em
html中：
······
····
······
······
//可以匹配
④後代選擇器中兩個元素之間的層次間隔可以是無限的，例如：
ul em
html中：
js原生後代選擇器 CSS 後代選擇器
具體應用 後代選擇器的功能極其強大。有了它，可以使 html 中不可能實現的任務成為可能。假設有乙個文件，其中有乙個邊欄，還有乙個主區。邊欄的背景為藍色，主區的背景為白色，這兩個區都包含鏈結列表。不能把所有鏈結都設定為藍色，因為這樣一來邊欄中的藍色鏈結都無法看到。解決方法是使用後代選擇器。在這種情況...
CSS 後代選擇器
後代選擇器 descendant selector 又稱為包含選擇器。後代選擇器可以選擇作為某元素後代的元素。我們可以定義後代選擇器來建立一些規則，使這些規則在某些文件結構中起作用，而在另外一些結構中不起作用。舉例來說，如果您希望只對 h1 元素中的 em 元素應用樣式，可以這樣寫 h1 em上面這...
CSS後代選擇器
css後代選擇器也可以叫做派生選擇器 派生選擇符或包含選擇符，因為該選擇符型別是作用於某個元素中的子元素的。就是把外層的標記寫在前面，內層的標記寫在後面，之間用空格分隔。當標記巢狀時，內層的標記就成為外層標記的後代。後代選擇器的格式類似於 p span bp span和b之間用空格分隔。是最外層的文...