看文档学爬虫(3)——CSS选择器

转自：http://f61be319.wiz03.com/share/s/3S6-cp1BIQ952yXKyj02PIM423MOKL3kakos2GmtSf0Uj_M2

什么是CSS选择器

一种快速定位元素的方法

CSS选择器的基本用法

用法	示例	说明
*	*	解释: 选择所有元素
.class	.intro	解释: 选择所有class="intro"的元素
#id	#firstname	解释: 选择所有id="firstname"的元素
element	p	解释: 选择所有< p>元素
:not(selecotr)	:not( p)	解释: 选择每个并非p元素的元素
element,element	div,p	解释: 选择所有< div>元素和< p>元素
element element	div p	解释: 选择< div>元素内的所有< p>元素(后代们)
element>element	div>p	选择所有父级是 < div> 元素的 < p> 元素(儿子们)
element1~element2	p~ul	解释: 选择p元素之后的每一个ul元素(弟弟们)
element+element	div+p	解释: 选择所有紧接着< div>元素之后的< p>元素(第一个弟弟)
[attribute]	[target]	解释: 选择所有带有target属性元素
[attribute=value]	[target=-blank]	解释: 选择所有使用target="-blank"的元素
[attribute^=value]	a[href^=“https”]	解释: 选择每一个href属性的值以"https"开头的元素
[attribute$=value]	a[href$=".pdf"]	解释: 选择每一个href属性的值以".pdf"结尾的元素
[attribute*=value]	a[href*=“runoob”]	解释: 选择每一个href属性的值包含子字符串"runoob"的元素
:first-child	p:first-child	解释: 指定只有当< p>元素是其父级的第一个子级的样式
:first-of-type	p:first-of-type	解释: 选择每个p元素是其父级的第一个p元素
:last-of-type	p:last-of-type	解释: 选择每个p元素是其父级的最后一个p元素
:only-of-type	p:only-of-type	解释: 选择每个p元素是其父级的唯一p元素
:only-child	p:only-child	解释: 选择每个p元素是其父级的唯一子元素
:nth-child(n)	p:nth-child(2)	解释: 选择每个p元素是其父级的第二个子元素
:nth-last-child(n)	p:nth-last-child(2)	解释: 选择每个p元素的是其父级的第二个子元素，从最后一个子项计数
:nth-of-type(n)	p:nth-of-type(2)	解释: 选择每个p元素是其父级的第二个p元素
:nth-last-of-type(n)	p:nth-last-of-type(2)	解释: 选择每个p元素的是其父级的第二个p元素，从最后一个子项计数
:last-child	p:last-child	解释: 选择每个p元素是其父级的最后一个子级
:empty	p:empty	解释: 选择每个没有任何子级的p元素（包括文本节点）
element.class	p.hello	解释: 所有class="hello"的p标签
element.class.class	p.hello.world	所有class="hello world"的标签
element.class element.class	p.hello p.world	解释: 所有class="hello"的p标签下的所有class="world"的p标签