使用CSS选择器（Selenium）定位首个span元素

针对你遇到的情况，这里有几个实用方法可以精准定位到包含“Some dummy text”的那个span元素，避开不需要的第二个：

方法一：CSS子元素选择器精准匹配 #

直接利用CSS的子选择器和伪类，锁定父元素下的第一个子span：

span.some.some-locator > span:first-child

这个选择器只会匹配span.some.some-locator的直接子节点里的第一个span，刚好对应你要的“Some dummy text”元素。

方法二：通过文本内容定位（XPath方案） #

如果更依赖文本内容来确认元素，XPath的灵活性会更合适：

//span[@class='some some-locator']/span[text()='Some dummy text']

要是文本前后可能有空格或者换行，也可以用模糊匹配：

//span[@class='some some-locator']/span[contains(text(), 'Some dummy text')]

这样不管元素位置怎么变，只要文本匹配就能精准命中目标。

方法三：XPath索引定位 #

如果你确定目标就是父元素下的第一个子span，直接用索引也很方便：

//span[@class='some some-locator']/span[1]

这里要注意，XPath的索引是从1开始的，和部分编程语言的0索引逻辑不一样哦。

根据你的测试框架和实际场景选最顺手的方法就行～

内容的提问来源于stack exchange，提问作者arena