选择器
内容选择器5个
:contains("内容") 判断某个元素是否包含指定的内容
:empty判断某元素是否为空(没有子元素或者文本内容)
:has()判断某个元素(div)是否含有指定的另外的元素(p)或者是否包含指定class的元素
:parent 判断是否有子元素(包括文本或者标签),如果有则被选中
可见度选择器2个
:hidden 表示匹配所有的隐藏的元素,显示隐藏的元素用show()
:visible 表示匹配所有的课件元素
属性过滤器
元素(div)[id] 表示匹配某元素中是否有id属性
元素(div)[attribute=value] 表示匹配实行等于某个值的元素
元素(div)[attribute!=value] 表示匹配属性不等于某个值的元素
元素(div)[attribute^=str] 表示匹配属性值以str开头的元素
元素(div)[attribute$=str] 表示匹配属性值以str为结尾的元素
元素(div)[attribute*=str] 表示匹配属性值包含str的元素
元素(div)[id][attribute=value] 表示匹配有id属性并且属性值等于value的元素
:contains("内容") 判断某个元素是否包含指定的内容
:empty判断某元素是否为空(没有子元素或者文本内容)
:has()判断某个元素(div)是否含有指定的另外的元素(p)或者是否包含指定class的元素
:parent 判断是否有子元素(包括文本或者标签),如果有则被选中
可见度选择器2个
:hidden 表示匹配所有的隐藏的元素,显示隐藏的元素用show()
:visible 表示匹配所有的课件元素
属性过滤器
元素(div)[id] 表示匹配某元素中是否有id属性
元素(div)[attribute=value] 表示匹配实行等于某个值的元素
元素(div)[attribute!=value] 表示匹配属性不等于某个值的元素
元素(div)[attribute^=str] 表示匹配属性值以str开头的元素
元素(div)[attribute$=str] 表示匹配属性值以str为结尾的元素
元素(div)[attribute*=str] 表示匹配属性值包含str的元素
元素(div)[id][attribute=value] 表示匹配有id属性并且属性值等于value的元素