Selenium: Utilizing CSS Selectors

Question

<b>
<s>
   <b>---</b> (1)
   <b>---</b> (2)
</s>
</b>
<s>
   <b>---</b> (3)
   <b>---</b> (4)
</s>

Is there a way to target specific tags that are children of another tag using CSS? For example, how can I only select the children b tags under an s tag by specifying the CSS? Would this code:
```
self.selenium.get_css_count("css=s b")
```
correctly count all relationships where s is the parent and b is the child, such as 4 in the provided example? If not, can you provide guidance on how to address this issue?
If I want to click on the fourth b tag located under an s tag, how would I go about doing that? If I use
```
self.selenium.click("css=s b:nth(1))
```
, it would select the second one. So, how can I specify (s b):nth(3) since I want to target the fourth relationship of this kind? I hope this explanation is clear.
What exactly is the distinction between nth() and nth-of-type()?

Thanks, Sunny

Answer 1

Answer №1

Instead of relying on css selectors, xpaths can be utilized to achieve the desired outcome.

For point number 1:

find_xpath_count("//s/b")

And for point number 2:

execute_click("//s[2]/b[2]")

Answer 2

Instead of relying on css selectors, xpaths can be utilized to achieve the desired outcome.

For point number 1:

find_xpath_count("//s/b")

And for point number 2:

execute_click("//s[2]/b[2]")

Answer 3

How about this:

a > div:last-child > a

To select the 5th element:

:nth-child(5)

Question number 4: Difference between nth-child and nth-of-type

Answer 4

How about this:

a > div:last-child > a

To select the 5th element:

:nth-child(5)

Question number 4: Difference between nth-child and nth-of-type