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
的元素。