选择selenium的第N个类型_随笔

选择selenium的第N个类型

我不确定要选择哪一个，但是您应该使用：nth- *伪类来做更多的事情。这是一个CSS选择器，它选择使用所有3个c3

nth-child()

div.c1 div.c3:nth-child(1)

就像我说的，您尚未真正指定要选择的那个。

但是我对第n种类型的了解不足使我发疯。谁能提供关于第二个为什么不起作用的见解，或者纠正我对选择器的基本理解不足？

要记住的一件事是，所有

:nth-*()

伪类都依赖于其父级。让我翻译您的选择器：

.c1:nth-of-type(2)

查找属于c1类的第二个孩子。

就您而言，

<body>

很可能是父母，所以…

<body>  <div .c1 />  <div .c1 /> // it highlights this one, because it's the 2nd child of the type ".c1"  <div .c1 /></body>

现在，让我解释一下为什么其他选择器不起作用。

两者

.c2:nth-of-type(2)

和

.c3:nth-of-type(2)

也在看父母的。由于您指定的是父项，因此期望

<body>

作为父项。就您而言，

<body>

不是父母

<div .c1/>

。实际上，该选择器正在寻找DOM-

<body>  <div .c1 />  <div .c2 /> // this **would** be the second nth-of-type, but it's not really this way.   <div .c1 /></body>

在http://cssdesk.com
上尝试使用不同的CSS选择器和伪类，主动进行自己的实验非常有帮助。您会发现的。

欢迎分享，转载请注明来源：内存溢出

选择selenium的第N个类型