CSS 後代選擇器

2021-08-08 02:59:06 字數 714 閱讀 6835

後代選擇器：當需要把某乙個部分的所有內容進行樣式改變，就要想到後代選擇器。後代選擇器描述的是祖先結構。

空格即表示後代，.div1 p就是.div1的後代的所有p，如下：



段落段落


段落 段落


段落段落
空格可以多次出現，比如以下就是.div1裡面的後代.li2裡面的p：
假設1：



猜猜我是什麼顏色嘻嘻嘻
假設2：



猜猜我是什麼顏色嘻嘻嘻
假設3：



猜猜我是什麼顏色嘻嘻嘻
假設4：



猜猜我是什麼顏色嘻嘻嘻
以上四種假設的選擇器都可以生效。

假設5：



猜猜我是什麼顏色嘻嘻嘻
假設6：



猜猜我是什麼顏色嘻嘻嘻
假設5和假設6無法生效，因為祖先順序不對。

CSS 後代選擇器

後代選擇器 descendant selector 又稱為包含選擇器。後代選擇器可以選擇作為某元素後代的元素。我們可以定義後代選擇器來建立一些規則，使這些規則在某些文件結構中起作用，而在另外一些結構中不起作用。舉例來說，如果您希望只對 h1 元素中的 em 元素應用樣式，可以這樣寫 h1 em上面這...

CSS後代選擇器

css後代選擇器也可以叫做派生選擇器 派生選擇符或包含選擇符，因為該選擇符型別是作用於某個元素中的子元素的。就是把外層的標記寫在前面，內層的標記寫在後面，之間用空格分隔。當標記巢狀時，內層的標記就成為外層標記的後代。後代選擇器的格式類似於 p span bp span和b之間用空格分隔。是最外層的文...

CSS 後代選擇器

後代選擇器 descendant selector 又稱為包含選擇器。後代選擇器可以選擇作為某元素後代的元素。我們可以定義後代選擇器來建立一些規則，使這些規則在某些文件結構中起作用，而在另外一些結構中不起作用。舉例來說，如果您希望只對 h1 元素中的 em 元素應用樣式，可以這樣寫 h1 em上面這...