css3選擇符語法概覽:! n+ z8 c3 h% ^: ` k0 k7 |
選擇符型別
表示式描述
子串匹配的屬性選擇符
e[att^="val"]
匹配具有att屬性、且值以val開頭的e元素
子串匹配的屬性選擇符
e[att$="val"]
匹配具有att屬性、且值以val結尾的e元素
子串匹配的屬性選擇符
e[att*="val"]
匹配具有att屬性、且值中含有val的e元素
結構性偽類
e:root
匹配文件的根元素。在html中,根元素永遠是html
結構性偽類
e:nth-child(n)
匹配父元素中的第n個子元素e
結構性偽類
e:nth-last-child(n)
匹配父元素中的倒數第n個結構子元素e
結構性偽類
e:nth-of-type(n)
匹配同型別中的第n個同級兄弟元素e
結構性偽類
e:nth-last-of-type(n)
匹配同型別中的倒數第n個同級兄弟元素e
結構性偽類
e:last-child
匹配父元素中最後乙個e元素
結構性偽類
e:first-of-type
匹配同級兄弟元素中的第乙個e元素
結構性偽類
e:only-child
匹配屬於父元素中唯一子元素的e
結構性偽類
e:only-of-type
匹配屬於同型別中唯一兄弟元素的e
結構性偽類
e:empty
匹配沒有任何子元素(包括text節點)的元素e
目標偽類
e:target
匹配相關url指向的e元素
ui元素狀態偽類
e:enabled
匹配所有使用者介面(form表單)中處於可用狀態的e元素
ui元素狀態偽類
e:disabled
匹配所有使用者介面(form表單)中處於不可用狀態的e元素
ui元素狀態偽類
e:checked
匹配所有使用者介面(form表單)中處於選中狀態的元素e
ui元素狀態偽類
e::selection
匹配e元素中被使用者選中或處於高亮狀態的部分
否定偽類
e:not(s)
匹配所有不匹配簡單選擇符s的元素e
通用兄弟元素選擇器
e ~ f
匹配e元素之後的f元素
css3選擇符使用個人理解。
元素選擇符 通配選擇符 一般用 星號表示 他會命中整體標籤。型別選擇符 一般用者空格表示 他會命中標籤自己的所有子元素。id選擇符 一般用 井號表示 他會命中以id為屬性的標籤 注釋 一定要在標籤屬性加id屬性 類選擇符 一般用.點表示 他會命中以class為屬性的標籤 注釋 一定要在標籤屬性加cl...
CSS選擇符 屬性選擇符
使用屬性選擇器可以篩選出設定了特定屬性的標籤。例如選取所有設定了title屬性的 img title 這種選擇符的第一部分是標籤名 img 隨後是屬性名,放在方括號裡 title css不限制屬性選擇符只能使用標籤名,也可以使用類。例如 photo title 用於選取類為photo,而且設定了ti...
CSS選擇符 型別選擇符
h1用於選取特定html標籤的選擇符,叫型別選擇符或元素選擇符。這種選擇符的作用特別大。能把樣式應用到網頁中的每個目標標籤上。使用這種選擇符,只需少量工作就能大幅修改網頁的外觀。假如想讓網頁中每個段落都使用相同的字型 顏色和字型大小,只需編寫乙個選擇符為p 表示標籤 的樣式即可。html 最基本的佐...