子選擇符 div > li 只選擇乙個div元素的直接後代 後面的不同子類元素不再被選擇
而且必須是子代，後代不可以
相鄰同輩選擇符 h2 + p 可以選擇與h2相鄰的同輩元素p 如果不同輩或者不相鄰將都無法選擇
是 > 和 + 結合在一起的結果 h2 ~ p 可以選擇h2元素後面的所有p
元素名[屬性名] 例如：a[title] 就是選擇帶有屬性title 的a元素
a[href^「http:」] 匹配字元開頭的屬性值
img[scr$= '.jpg] 匹配字元結尾的屬性值
a[href*="/about/"] 匹配包含某些字元的屬性值
a[rel~=next] 匹配以空格分隔的字串的屬性值
a[lang|=en] 選擇開頭是指定值或者指定值後連著乙個短劃線的情況
CSS選擇符總結
1 型別選擇器 h1，p等 2 類選擇器 classname 3 id選擇器 idname 4 萬用字元選擇器 表示選擇所有元素 5 屬性選擇器 foo bar 特殊的還有 src 選擇所有定義了 src 屬性的元素 abc def 選擇 abc 屬性值以 def 開頭的所有元素 abc def 選...
總結 CSS選擇符
通用 e e id e.class e.class1.class2 關係選擇符 e f 後代 e f 子 e f 相鄰 e f 兄弟 與相鄰選擇符不同的是，兄弟選擇符會命中所有符合條件的兄弟元素，而不強制是緊鄰的元素。屬性選擇符 e attr e attr a e attr a class b a ...
CSS選擇符 屬性選擇符
使用屬性選擇器可以篩選出設定了特定屬性的標籤。例如選取所有設定了title屬性的 img title 這種選擇符的第一部分是標籤名 img 隨後是屬性名，放在方括號裡 title css不限制屬性選擇符只能使用標籤名，也可以使用類。例如 photo title 用於選取類為photo，而且設定了ti...