<h1 class="important"> This heading is very important. </h1> <p class="important"> This paragraph is very important. </p> <p class="important warning"> This paragraph is a very important warning. </p>
在上面的代码中,两个元素的 class 都指定为 important:第一个标题( h1 元素),第二个段落(p 元素)
1> 获取class值为important的h1标签
find_element_by_css_selector(h1.importane)
2>获取所有class值为important的标签
find_element_by_css_selector(*.importane)或者find_element_by_css_selector(.importane)
3>获取class值为important warning的标签
find_element_by_css_selector(.importane.warning)
首先,ID 选择器前面有一个 # 号 - 也称为棋盘号或井号
< p id="intro">This is a paragraph of introduction.</ p > |
find_element_by_css_selector(#"intro")
1>.
< a title="W3School Home" href="http://w3school.com.cn">W3School</ a > |
属性中包含了title和href,
find_element_by_css_selector('a[title][href]')
2>
< a href="http://www.w3school.com.cn/about_us.asp">About W3School</ a > |
定位属性中href="http://www.w3school.com.cn/about_us.asp"的元素,
find_element_by_css_selector('a[href="http://www.w3school.com.cn/about_us.asp"]')
3>
< a href="http://www.w3school.com.cn/" title="W3School">W3School</ a > |
通过href和title来定位
find_element_by_css_selector("a[href='http://www.w3school.com.cn/about_us.asp'][title='W3School']")
4>部分属性定位
< h1 >可以应用样式:</ h1 > < img title="Figure 1" src="/i/figure-1.gif" /> < img title="Figure 2" src="/i/figure-2.gif" /> < hr /> < h1 >无法应用样式:</ h1 > < img src="/i/figure-1.gif" /> < img src="/i/figure-2.gif" /> |
定位title中包含有figure的元素:
find_element_by_css_selector("image[title~='figure']")
5>其他 [abc^="def"] 选择 abc 属性值以 "def" 开头的所有元素 [abc$="def"] 选择 abc 属性值以 "def" 结尾的所有元素 [abc*="def"] 选择 abc 属性值中包含子串 "def" 的所有元素
< h1 >This is a < em >important</ em > heading</ h1 > < p >This is a < em >important</ em > paragraph.</ p > |
find_element_by_css_selector("h1 em")
站长微信:xiaomao0055
站长QQ:14496453