属性选择器

1.E[att^=value]

E代表标签名,如p,div等等;att表示该标签定义了的一个属性名,如class、id等,value为该属性的属性值,该属性值为包含前缀 value的子字符串。若去掉E,则表示匹配满足条件的任意元素

2.E[att$=value]

基本原理同上,不过value表示该属性值应包含以value为后缀的子字符串

3.E[att*=value]

基本原理同上,但value表示的是属性值字符串中任意位置出现value子字符串。

关系选择器

1.子代选择器(>)

选择某元素的第一级子元素,如若strong 为p的第一级子元素 则有 p>strong ,并且可以连续使用,strong 有第一级子元素em,则可以p>strong>em.
CSS选择器之属性选择器、关系选择器
CSS选择器之属性选择器、关系选择器

2.兄弟选择器(+、~)

CSS选择器之属性选择器、关系选择器
1.临近兄弟选择器:同一父元素,且第二个元素紧跟第一个元素
CSS选择器之属性选择器、关系选择器

2.普通兄弟选择器:同一父元素,且第二个元素不必紧跟第一个子元素
CSS选择器之属性选择器、关系选择器

相关文章: