Does CSS Selector have contains text similar to xpath?

Question

In Selenium, are there any options for CSS selectors with "contains" similar to Xpath where we check with contains[text(),....].

In the following example, I have given the CSS and Xpath

<div class="abcjha">
  <span>
    <a class="test" ng-tracking="test1" data-tracking="abc">Daniel</a>
  </span>
</div>

CSS : a[data-tracking='abc']
Xpath : //div/span/a[contains(text(),'Daniel')]

Similar to Xpath above, is there an option in CSS to check for the inner text ? When I browsed about it I saw this option

==> css=button:contains("Log In")

but it is not working for me.

Is there any option?

undetected Selenium · Accepted Answer · 2022-03-09 23:29:36Z

3

No, css_selector for Selenium still doesn't supports :contains("text") method.

You can find a couple of detailed discussions in:

selenium.common.exceptions.InvalidSelectorException with "span:contains('string')"

Finding link using text in CSS Selector is not working

answered Mar 9, 2022 at 23:29

undetected Selenium

194k44 gold badges304 silver badges387 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Prophet Over a year ago

what can you say about the second answer here? Is it correct? he says it is possible to locate web element based on it's text By.cssSelector with Selenium.

undetected Selenium Over a year ago

The author didn't provide any links to the docs/specs and I'm not sure if it is a speculation. Need some time to see the specs.

Prophet Over a year ago

Please let me know if you checked that and have any new insights here

undetected Selenium Over a year ago

Sure. I'll do that.

taqin · Accepted Answer · 2022-03-09 23:43:29Z

-1

The contains() pseudo-class may not work with browsers that don't natively support CSS selectors. Also, it has been deprecated from CSS3 specification.

so the alternative is using innerText

WebElement cell = driver.findElement(By.cssSelector("td[innerText='Item 1']"));

or textContent

WebElement cell = driver.findElement(By.cssSelector("td[textContent='Item 1']"));

answered Mar 9, 2022 at 23:43

taqin

355 bronze badges

2 Comments

user16120973 Over a year ago

Hi, According to the example in my question, I tried a[textContent='Daniel'] also with innertext, it wouldnt recognize my element.

user16120973 Over a year ago

I tried to reach the parent and then the child, This helped to reach the child div.td>span>a but when I add innertext/textContent like div.td>span>a[innerText="Daniel AG"] it wouldnt identify the element. Any help on this ?

Kamil · Accepted Answer · 2024-10-16 08:28:48Z

-1

For those who are looking for a solution nowday, there is a proper solution. Within css we can now search a value like in following example:

By.cssSelector("button[id*='btn_enter'])

Button identification in my case looks like: <button id="btn_enter_" type="submit" ...>

edited Oct 16, 2024 at 8:28

answered Oct 16, 2024 at 8:05

Kamil

751 silver badge8 bronze badges

1 Comment

Bouke Over a year ago

This works for element attributes, the question is about element text.

Collectives™ on Stack Overflow

Does CSS Selector have contains text similar to xpath?

3 Answers 3

4 Comments

2 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

2 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related