Selecting Nth-of-type in selenium

Answer 1

I'm not enirely sure which one you want to select, but you should play around more with the :nth-* pseudo-classes. Here is a CSS selector that selects all 3 c3's using nth-child()

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

Like i said, you haven't really specified which one you want to select.

but my lack of understanding on nth-of-type is driving me crazy. Can anyone offer insight to why the second 2 don't work or correct my basic lack of comprehension on this selector?

One thing to keep in mind, is all of the :nth-*() pseudo-classes are dependent on their parents. Let me translate your selector:

.c1:nth-of-type(2)

Find anything with a class of c1 that is a second child.

In your case, was most likely the parent, so...

  

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

Now let me explain why your other selectors are not working.

Both .c2:nth-of-type(2) and .c3:nth-of-type(2) are looking at the parent's as well. since you are specifying a parent, it's expecting as the parent. In your case, isn't the parent.. the

is. In reality, that selector is looking for the DOM -

  

  
 // this **would** be the second nth-of-type, but it's not really this way. 
  

Play around with the different css selectors and pseudo-classes at http://cssdesk.com it's very helpful to actively experiment on your own. you'll figure it out.

0 讨论(0)

发布评论:

提交评论

---

•  加载中...