# 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. 按子字符串匹配 事不宜迟,让我们开始行动吧! ## 定位子元素 也可以使用`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 ``` “标签”标签的子元素可以通过其`input`标签和`name`属性进行访问。 *代码:* ```java driver.findElement(By.cssSelector("label#recovery-email-label input[name='RecoveryEmailAddress']")); ``` 如果父元素具有**多个子元素**(例如下拉列表),并且它们没有“`id`”或“`class`”或此类属性来标识,则“`nth-of-type`”用于定位特定的子元素。 考虑一下 HTML 代码, ```java