css选择符总结

CSS选择符

子选择符

子选择符 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] 选择开头是指定值或者指定值后连着一个短划线的情况