CSS高階選擇符 家族關係

2021-05-26 00:51:38 字數 341 閱讀 3627

一、子選擇符(注意區別派生選擇器)

子選擇符是後代選擇符的乙個特殊型別。子選擇符僅指那些屬於其他元素子女的元素,不是指任何「孫子」或其他後代。子選擇符由父元素與子元素間的大於符號(>)指示:父 > 子

二、近親選擇符

如果兩個html標籤具有相同的父母,那麼他們就是同胞;如果源**中第二個直接出現在第乙個之後,那麼它們就是近親。下面是用來說明同胞關係的一些html。

三個li元素是同胞,grey和peter是近親,peter和bobby是近親,而grey和bobby是同胞不是近親。

li + li 此規則只將名字peter和bobby變成了藍色,因為它們是直接跟隨另乙個li元素的li元素。

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...