CSS的後代選擇器基礎使用示例

2022-09-22 01:54:10 字數 435 閱讀 4933

基礎

來看乙個後代選擇器的最簡單寫法,strong標籤屬於p標籤的後代,i標籤屬於strong標籤後代:

html**:

xml/html code複製內容到剪貼簿

css**:

css code複製內容到剪貼簿

1、在後代選擇器中,規則左邊的選擇器一端包括兩個或多個用空格分隔的選擇器。

2、選擇器之間的空格是一種結合符。

3、後代選擇器,後代的層次間隔可以是無限的,注意與子元素選擇器的區別。

示例1xml/html code複製內容到剪貼簿

執行效果:

示例2xml/html code複製內容到剪貼簿

執行效果

一點說明:

xml/html code複製內容到剪貼簿

本文標題: css的後代選擇器基礎使用示例

本文位址:

CSS 後代選擇器

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

CSS後代選擇器

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

CSS 後代選擇器

後代選擇器 當需要把某乙個部分的所有內容進行樣式改變,就要想到後代選擇器。後代選擇器描述的是祖先結構。空格即表示後代,div1 p就是.div1的後代的所有p,如下 段落段落 段落 段落 段落段落 空格可以多次出現,比如以下就是.div1裡面的後代.li2裡面的p 假設1 猜猜我是什麼顏色嘻嘻嘻 假...