【Udemy中英字幕】CSS Selector & XPath Masterclass

CSS 选择器和 XPath 大师班

掌握使用 CSS 选择器和 XPath 选择 Web 元素的所有技术

讲师：Rahul Mula

双语IT资源独家Udemy付费课程，独家中英文字幕，配套资料齐全！

用不到1/10的价格，即可享受同样的高品质课程，且可以完全拥有，随时随地都可以任意观看和分享。

你将学到什么

• 使用 CSS 标签名称/类型、类、ID 和属性值选择器选择 Web 元素。
• 编写 XPath 表达式以根据 Web 元素的结构和标签名称选择 Web 元素
• 使用 Starts-with、Ends-with 和 Contains 等 CSS 运算符动态选择属性值。
• 使用 XPath 属性值选择器选择 Web 元素
• 使用 CSS 父级、子级、后代和同级选择器选择 Web 元素。
• 使用不同的运算符构建 XPath 条件来创建逻辑选择器
• 使用特殊的 CSS 选择器，如 not( )、nth-child( ) 等来创建高效的选择器。
• 使用 XPath 函数查询属性值（starts-with( )、contains( ) 等特定值）、选择innerText 并使用值处理器函数。

要求

• HTML 和 CSS 基础知识

描述

本课程主要是关于使用 CSS 选择器和 XPath 选择 Web 元素！

在学习基本的 CSS 选择器或 XPath 时，我们知道标签名称选择器、类选择器、id 选择器，仅此而已。大多数网页元素都可以使用前面提到的选择器来选择，但在实际项目中总是需要更多。完成任务的更好方法是选择网页元素。

因此，是时候升级您的Web 元素选择游戏并了解您从未听说过的炫酷选择器了。无论您想使用 CSS 选择器、XPath 还是两者都使用，学完本课程后，您将编写出准确、简洁且易于理解的选择器！

正如我在顶部提到的，本课程都是关于选择器的！以下是我们将要介绍的内容的概述，

• CSS 选择器
  • 标记名/类型
  • 班级号
  • 属性值
  • 层次结构（父母、兄弟姐妹和孩子）
  • 开头为运算符
  • 以运算符结尾
  • 包含运算符
  • 不是函数
  • 第一个孩子、最后一个孩子或独生子
  • 第 n 个子级或元素位置
  • 伪元素
  • 元素状态
• X路径
  • 绝对路径和相对路径
  • 标记名/类型
  • 头寸或指数
  • 属性值
  • 开始于( ) 函数
  • 包含()函数
  • 数学运算符
  • 条件运算符
  • 轴（祖先、父母、兄弟姐妹、孩子或后代）
  • 元件位置
  • 子元素计数
  • 处理器函数（如 round( )、translate( ) 等）

为了展示每个选择器的全部潜力，我们在实际示例中引入了一个用例，以便一切都适合您的想法。您将能够决定在项目中使用哪个选择器。

现在，无论您是构建Web 抓取工具以从网站中抓取数据，还是希望掌握 CSS 选择器的前端开发人员，还是使用Web 自动化/测试框架，如果您使用 CSS、XPath 或两者从网站中选择 Web 元素 -您应该学习本课程，将您的网络选择提升到一个新的水平！

本课程适合谁：

• 希望掌握用于 Web 抓取的 CSS 选择器/XPath 的开发人员
• 使用 Selenium 等 Web 自动化/测试框架的人员
• 想要掌握 CSS 选择器的前端开发人员