Selector In CSS3(above) || CSS3 中的选择器（上）

CSS3 中的选择器（上）

关系选择器 Relational selector

• div>p 选择所有作为 div 元素的子元素 p。
• div+p 选择紧贴在 div 元素之后的p 元素。
• div~p 选择 div元素之后的所有兄弟元素 p。

属性选择器 Property selector

[attribute]选择具有 attribute 属性的元素。
[attribute=value]选择具有 attribute 属性且属性值等于 value的元素。
[attribute~=value]选择具有 attribute 属性且属性值中包含 value 的元素。
[attribute|=value]选择具有 attribute 属性且属性值中以 value 开头，并用指定字符串或该字符串后跟连接符作为开头的元素。
[attribute^=value]选择匹配具有 attribute 属性且属性值中以 value 开头的元素。
[attribute$=value]选择匹配具有 attribute 属性且属性值中以 value 结尾的元素。
[attribute*=value]选择匹配具有 attribute 属性且属性值中含有 value 的元素。