Python find_element_by_css_selector 定位

原创已于 2022-08-15 22:27:49 修改 · 4.8k 阅读

11 ·

CC 4.0 BY-SA版权

文章标签：

#css #html #前端

于 2019-12-18 17:43:44 首次发布

软件测试专栏收录该内容

14 篇文章

订阅专栏

本文详细介绍了CSS选择器的各种使用技巧，包括通过ID、class、属性定位，以及使用nth-child定位特定子元素的方法。通过实际代码示例，帮助读者深入理解如何在网页中精准定位元素。

1、通过 id 定位

# HTML
<div id="goods">
    <span id="title"></span>
</div>

# 通过 ID 定位
find_element_by_css_selector("#goods")

# 通过 tag 与 id 组合定位
find_element_by_css_selector("span#title")

# 多层级定位中间用 ">"
find_element_by_css_selector("#goods>#title")

2、通过 class 定位

# HTML
<div class="goods">
    <span class="title"></span>
</div>

# 通过 class 定位
find_element_by_css_selector(".goods")

3、相同子元素 nth-child(*) 定位

# HTML
<ul>
    <li>11111</li>
    <li>22222</li>
    <li>33333</li>
</ul>

# 通过nth-chlid(2) 定位到 ul 下 li 中第2个元素 22222
find_element_by_css_selector("ul>li:nth-chlid(2)")

4、使用属性定位

# HTML
<div>
    <input class="title" autocomplete="off">
</div>

# 通过 "[]" 定位 属性为 autocomplete="off" input 标签 
find_element_by_css_selector("[autocomplete='off']")

5、定位技巧

# 可以先通过 get_attribute("innerHTML")方法 打印出相应的内容，来判断定位是否准确
content=find_element_by_css_selector("ul>li:nth-child(2)").get_attribute("innerHTML")
print(content)