CSS选择器语法简介

表达式         说明

     *           选择所有节点

#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元素

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

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

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

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属性的值