第n个类型的CSS选择器
以下是我的HTML页面的摘要：
<td id="Platinum" align="center" width="16%">
<div></div>
<a>link1</a>
</td>
<td></td>
<td id="Platinum" align="center" width="16%">
<div></div>
<a>link2</a>
</td>
<td id="Platinum" align="center" width="16%">
<div></div>
<a>link3</a>
</td>
在这里我想选择id =’platinum’的第三个td元素
我试过的是driver.findElement(By.cssSelector("#platinum:nth-of-type(3)"));。
和
driver.findElement(By.cssSelector("td[id='platinum']:nth-of-type(3)"));
两者对于如何选择第三个td都不起作用 id='platinum'
问题答案：
有一个td没有ID 的空值，这会干扰:nth-of- type()计数。选择器的意思是“第n个td元素”，而不是“第n个td元素id='platinum'”。因此，td具有该ID
的第三个实际上td是整个行中的第四个。
td使用CSS选择器无法选择具有特定ID 的第三个元素。您应该改用XPath：
driver.findElement(By.xpath("//td[@id='Platinum'][3]"));
-
问题内容： 我正在尝试使用By.cssSelector来捕获类c3的第n个dom元素，其结构如下： 测试我的CSS选择器时，我变得越来越困惑。此选择器正确选择c2 / c3的第二个实例： 而： 什么都不选。 更糟糕的是，将其转换为硒，我似乎始终没有为所有3个版本找到任何东西。有很多选择这些元素的替代方法（我可能只做XPATH），但是我对nth-of- type的缺乏了解使我发疯。谁能提供关于第二个
-
问题内容： 我正在尝试使用By.cssSelector来捕获类c3的第n个dom元素，其结构如下： 测试我的CSS选择器时，我变得越来越困惑。此选择器正确选择c2 / c3的第二个实例： 而： 什么都不选。 更糟糕的是，将其翻译成selenium，我似乎始终没有为所有3个版本找到任何东西。有很多选择这些元素的替代方法（我可能只做XPATH），但是我对nth-of- type的缺乏了解使我发疯。谁能
-
问题内容： 如何调整以下CSS选择器： 所以它适用于TD列2-4？ 问题答案： 您将无法一次完成此操作-您将需要链接至少一个其他此类伪类。例如，的组合和（该位装置开始从第二子分别计数向前和向后）： 或者，不使用公式，只需排除和：
-
给定：一个简单的彩色高光数组，只在CSS中控制。 有没有办法，缩短下面的巨大的CSS代码块，同时保持相同的结果？ 换句话说，当选择多个声明时，是否有一种方法可以消除代码中的重复性，只使用CSS？
-
问题内容： 我有一堆带有类名的元素，但是我似乎无法使用以下CSS规则选择第一个元素： 该选择器有什么问题，我该如何纠正？ 多亏了这些评论，我才知道该元素必须是其父元素的第一个子元素才能被选中，而事实并非如此。我具有以下结构，并且该规则失败，如注释中所述： 我该如何针对上课的第一个孩子？ 问题答案： 这是作者误解工作方式的最著名例子之一。在CSS2介绍，该伪类表示其父的第一个孩子。而已。有一个非常普
-
问题内容： 我试图在ID或类’B’的元素中选择类’A’的第一个元素。我尝试了> +和第一个子选择器的组合，因为它不是类元素’B’中的第一个元素。它起作用了，但是…我试图覆盖一些默认的CSS，并且我无法控制服务器端，似乎类’A’元素有时在不同的位置生成。这是一个例子： 有时，“ B”类的名称有所不同，“ A”之前的元素也有所不同。那么，有什么方法可以选择元素“ C”中首次出现的“ A”吗？因为“ C