CSS子選擇符

2021-07-15 03:26:57 字數 857 閱讀 2382

css子選擇符也可以稱為子物件選擇符、子選擇器等,主要用於定義某個元素中子元素物件的樣式,無法定義子元素以外的物件。

子選擇器可以讓我們指定要的是哪個父標籤的哪個子標籤。也就是說,子選擇器只對元素的子元素生效,而不會影響到其它元素的後代元素。

所謂子元素,類似於下面的格式:

子元素的格式

strong元素就是p元素的子元素。

子選擇符的選擇符與選擇符之間必須使用大於號(>)符號。例如:

上述css**定義了body元素中的子元素strong元素的樣式。

再看乙個結合後代選擇器和子選擇器的例子:

table.company td > p
上面的選擇器會選擇作為td元素中所有的子元素(p元素),這個td元素本身從table元素繼承,而該table元素又有乙個包含company的class屬性。

在瀏覽器中檢視css子選擇符的顯示效果。

源**如下:

定義了p元素中的子元素strong元素的樣式!

在p元素中strong元素不是p元素的子元素,所以不起作用!

p元素中,兩個strong元素的使用方法!

p元素中,strong元素的巢狀使用方法!

如下圖所示:

並不是所有的瀏覽器都支援子選擇符!ie7以下版本的ie瀏覽器不支援!

由於ie 6.0及更早的版本不支援子選擇器,因此這種選擇器經常用於對ie 6.0隱藏某些css規則使用。

CSS選擇符 屬性選擇符

使用屬性選擇器可以篩選出設定了特定屬性的標籤。例如選取所有設定了title屬性的 img title 這種選擇符的第一部分是標籤名 img 隨後是屬性名,放在方括號裡 title css不限制屬性選擇符只能使用標籤名,也可以使用類。例如 photo title 用於選取類為photo,而且設定了ti...

CSS選擇符 型別選擇符

h1用於選取特定html標籤的選擇符,叫型別選擇符或元素選擇符。這種選擇符的作用特別大。能把樣式應用到網頁中的每個目標標籤上。使用這種選擇符,只需少量工作就能大幅修改網頁的外觀。假如想讓網頁中每個段落都使用相同的字型 顏色和字型大小,只需編寫乙個選擇符為p 表示標籤 的樣式即可。html 最基本的佐...

CSS 選擇符大全(常用css選擇符)

e 某個元素,如p id 使用id,如 idname class 使用class,如.myclass 萬用字元 包含選擇符 e f e所有的f包含子代,孫代,子子孫孫等等 子選擇符 e相鄰選擇符 e f 和e相鄰的f,相隔乙個都不算 兄弟選擇符 e f 和e同級的f的算 e att e中帶有某個at...