CSS选择器语法简介

2017-06-30 本文已影响77人眼君

表达式说明

* 选择所有节点

#container 选择id为container的节点

.container 选择所有class包含container的节点

li a 选择li下的所有a节点

ul + p 选择ul后面的第一个p元素

div#container > ul 选择id为container的div的第一个ul子元素

ul ~ p 选取与ul相邻的所有p元素

a[title] 选取所有有title属性的a元素

a[href="http://jobbole.com"] 选取所有href属性为http://jobbole.com的a元素

a[href*="jobbole"] 选取所有href属性包含jobbole的a元素

a[href^ ="http"] 选取所有href属性以http开头的a元素

a[href$=".jpg"] 选取所有href属性以.jpg结尾的a元素

input[type=radio]:checked 选取选中的radio元素

a[title] 选取所有有title属性的a元素

div:not(#container) 选取所有id非container的div属性

li:nth-child(3) 选取第三个li元素

tr:nth-child(2n) 选取第偶数个tr

a::text 获取a标签中的文本内容

a::attr(href) 获取a标签中href属性的值