Python + Selenium —— 网页元素定位之CSS 选择器！

CSS(Cascading Style Sheets)是一种语言，用来描述HTML和XML文档的样式。

CSS 选择器用来定位 HTML 上的元素，然后对其进行渲染。通过 CSS 选择器可以定位到页面上的任意元素。这些选择器可以被 WebDriver 用作另外的定位策略。

CSS 可以较为灵活的选择控件的任意属性，一般情况下定位速度比后面要讲的Xpath 快。

语法简介

要使用CSS进行定位，就需要熟悉CSS选择器的语法：

选择器	例子	描述
.class	.intro	选择 class="intro" 的所有元素。 css 选择器以小数点标识类属性。
#id	#firstname	选择 id="firstname" 的所有元素。 css 选择器以 # 号标识 id 属性
[attribute=value]	[name=“wd”]	选择 name 属性值等于 “wd” 的所有元素。
[attribute^=value]	a[src^=“https”]	选择 src 属性值以 “https” 开头的所有链接(a)元素。
[attribute$=value]	a[src$=".pdf"]	选择 src 属性以 “.pdf” 结尾的所有链接(a)元素。
[attribute*=value]	a[src*=“abc”]	选择 src 属性中包含 “abc” 子串的所有链接(a)元素。
element>element	div>p	选择 div 元素的所有 p 标签类型的子元素。 css 选择器以 > 标识父子元素关系。
element element	div p	选择 div 元素内部的所有 p 元素。