# 9m。 WebDriver – 定位元素:第 3b 部分(由 cssSelector 续) > 原文: [https://javabeginnerstutorial.com/selenium/9m-webdriver-locating-elements-3b/](https://javabeginnerstutorial.com/selenium/9m-webdriver-locating-elements-3b/) 嗨,忍者! 这篇文章是我们先前文章“ [*9l”的延续。 WebDriver – 定位元素:第 3a 部分(由 cssSelector 提供)*](https://javabeginnerstutorial.com/selenium/9l-webdriver-locating-elements-3a/) ”。 在继续进行操作之前,请确保对它进行了仔细的研究。 使用 cssSelector 定位器的最后两种方法尚待讨论: 1. 定位子元素 2. 按子字符串匹配 事不宜迟,让我们开始行动吧! ## 1.定位子元素 也可以使用 cssSelectors 来定位子元素。 让我们考虑一下 HTML 代码, 锚标记是“ div”的子元素。 要访问子元素, *使用 ID:* ```java driver.findElement(By.cssSelector("div#child a")); ``` **#**代表“ id”,子元素标签写在空格后面。 *使用类别:* ```java driver.findElement(By.cssSelector("div.bg_main a")); ``` **。** 代表“班级” ***示例*** *:*让我们在 Gmail 帐户注册页面上找到名字文本框。 右键点击“名字”文本框,然后选择检查元素,以获取相应的 HTML 代码,如下所示, ```java ``` “标签”标签的子元素可以通过其“输入”标签和“名称”属性进行访问。 *代码:* ```java driver.findElement(By.cssSelector("label#recovery-email-label input[name='RecoveryEmailAddress']")); ``` 如果父元素具有**多个子元素**(例如下拉列表),并且它们没有“ id”或“ class”或此类属性来标识,则“ **nth-of-type** ”用于定位特定的子元素。 考虑一下 HTML 代码, ```java