###
XPath 和 CSS 选择器定位
元素练习教程
#### 使用
CSS 选择器按 `href` 属性选择链接
当需要通过特定的
URL 或路径来查找页面中的超链接时，可以利用
CSS 的属性选择功能。例如，在一个 HTML 文档中存在多个 `<a>` 标签，如果要找到所有指向 “https://example.com”的链接，则可采用如下方式：
```
css
a[href="https://example.com"]
```
此表达式会匹配具有指定 href 值的所有锚点标签[^1]。
#### 利用
CSS 进行顺序选择
对于有序排列的目标对象（比如列表项），可以通过 nth
-child() 函数实现精准选取。假设有一个无序列表 ul 下面有若干 li 子
元素，想要
获取第二个子
元素的话就可以这样写：
```
css
ul li:nth
-child(2)
```
这段代码能够精确命中目标位置上的项目，并且支持更复杂的索引逻辑操作。
#### 结合 Selenium 实现自动化测试案例
为了更好地掌握这两种技术的应用场景以及它们之间的差异性，下面给出一段基于
Python 编写的简单脚本作为示范，该程序借助 Selenium 库模拟浏览器行为并分别运用了上述两种查询手段去
抓取数据：
```
python
from selenium import webdriver
driver = webdriver.Chrome()
url = 'http://www.examplewebsite.com'
driver.get(
url)
# Using
CSS Selector to find elements by class name and tag type.
elements_by_
css = driver.find_elements_by_
css_selector('p.classname')
for element in elements_by_
css:
print(element.text)
# Switching over to
Xpath for selecting an anchor with specific text content inside it.
element_by_
xpath = driver.find_element_by_
xpath("//a[text()='Click Here']")
print(f"The link's href attribute is {element_by_
xpath.get_attribute('href')}.")
driver.quit()
```
以上实例展示了如何在实际开发过程中灵活切换使用
CSS Selectors 及
XPath 来完成不同需求下的 DOM 节点检索任务[^2]。
由于未提供博客具体内容，无法给出包含关键信息的摘要。
扫一扫
35
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
