css 属性选择器

[attribute]    包含attribute属性 的所有文本

[attribute=value]  attribute属性值为value 的所有文本

[attribute~=value]   attribute属性值 包含 value 

[attribute|=value]   attribute属性值 头部包含 value

[attribute^=value]  匹配属性值以指定值开头的每个元素

[attribute$=value]   attribute属性值 以 value 结尾

[attribute*=value]   attribute属性值 中包含 value

 

[abc^="def"]:选择 abc 属性值以 "def" 开头的所有元素

[abc$="def"]:选择 abc 属性值以 "def" 结尾的所有元素

[abc*="def"] : 选择 abc 属性值中包含子串 "def" 的所有元素

h1 + p:相邻兄弟选择器使用了加号（+），即相邻兄弟结合符（Adjacent sibling combinator）。
 例:<div>
　　　　<h1></h1>
　　　　<p></p>
　　</div>
p > i : p标签下的所有i 标签

p > i:first-child 每个p标签的第一个i标签