# Xpath to CSS //span\[text()='Login'\] to CSS ...?

**URL:** <https://forum.katalon.com/t/xpath-to-css-span-text-login-to-css/22009>\
**Category:** Web Testing\
**Tags:** web-testing, katalon-studio\
**Created:** [March 27, 2019, 3:19pm UTC](https://forum.katalon.com/t/xpath-to-css-span-text-login-to-css/22009 "2019-03-27T15:19:14Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![focis.automation](https://avatars.discourse-cdn.com/v4/letter/f/90ced4/32.png) [@focis.automation](https://forum.katalon.com/u/focis.automation)\
**Post date:** [March 27, 2019, 3:19pm UTC](https://forum.katalon.com/t/xpath-to-css-span-text-login-to-css/22009/1 "2019-03-27T15:19:14Z")

</div>

I usually use xpath locators in my tests and slowly I am converting them to CSS.

I haven’t found a way to change this xapth **//span[text()=‘Login’]** to css

Can some one help.

**span:contains(‘Login’)** // doesn’t work

---

<div class="post-metadata">

**Author:** ![Timo\_Kuisma](https://avatars.discourse-cdn.com/v4/letter/t/8baadc/32.png) [@Timo\_Kuisma](https://forum.katalon.com/u/Timo_Kuisma)\
**Post date:** [March 27, 2019, 3:33pm UTC](https://forum.katalon.com/t/xpath-to-css-span-text-login-to-css/22009/2 "2019-03-27T15:33:07Z")

</div>

hi,

```
try this, but i am not sure is this secure
http://cssify.appspot.com/

span:contains(^Login$)
```

---

<div class="post-metadata">

**Author:** ![focis.automation](https://avatars.discourse-cdn.com/v4/letter/f/90ced4/32.png) [@focis.automation](https://forum.katalon.com/u/focis.automation)\
**Post date:** [March 27, 2019, 3:57pm UTC](https://forum.katalon.com/t/xpath-to-css-span-text-login-to-css/22009/3 "2019-03-27T15:57:22Z")

</div>

Thanks … I have tried cssify already … but doesn’t work.

---

<div class="post-metadata">

**Author:** ![Timo\_Kuisma](https://avatars.discourse-cdn.com/v4/letter/t/8baadc/32.png) [@Timo\_Kuisma](https://forum.katalon.com/u/Timo_Kuisma)\
**Post date:** [March 27, 2019, 7:19pm UTC](https://forum.katalon.com/t/xpath-to-css-span-text-login-to-css/22009/4 "2019-03-27T19:19:46Z")

</div>

is there any browser add on for ff or chrome, e.g this add on

> **[CSS and XPath checker - Chrome Web Store](https://chromewebstore.google.com/detail/css-and-xpath-checker/aoinfihhckpkkcpholfhmkeplbhddipe)**
>
> A helper tool for to confirm CSS and XPath selector.

---

<div class="post-metadata">

**Author:** ![Mate\_Mrse](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/mate_mrse/32/345_2.png) [@Mate\_Mrse](https://forum.katalon.com/u/Mate_Mrse)\
**Post date:** [March 28, 2019, 9:07am UTC](https://forum.katalon.com/t/xpath-to-css-span-text-login-to-css/22009/5 "2019-03-28T09:07:37Z")

</div>

CSS can’t select elements by containing text.

You could try using jQuery, if xpath is not working for you.

---

<div class="post-metadata">

**Author:** ![focis.automation](https://avatars.discourse-cdn.com/v4/letter/f/90ced4/32.png) [@focis.automation](https://forum.katalon.com/u/focis.automation)\
**Post date:** [March 28, 2019, 1:01pm UTC](https://forum.katalon.com/t/xpath-to-css-span-text-login-to-css/22009/6 "2019-03-28T13:01:40Z")

</div>

Hi @Mate_Mrse,

Does CSS support exact text?

Regarding jQuery … Can you please tell how ?

---

<div class="post-metadata">

**Author:** ![Mate\_Mrse](https://dub1.discourse-cdn.com/katalon/user_avatar/forum.katalon.com/mate_mrse/32/345_2.png) [@Mate\_Mrse](https://forum.katalon.com/u/Mate_Mrse)\
**Post date:** [March 28, 2019, 1:25pm UTC](https://forum.katalon.com/t/xpath-to-css-span-text-login-to-css/22009/7 "2019-03-28T13:25:14Z")

</div>

CSS doesn’t support exact text.

You could use

```
$("span:contains(‘Login’)")

```

inside of a javascript executor:

```auto
WebUI.executeJavaScript('return $("span:contains(‘Login’)") ', [])

```

You will probably need to escape some characters there 😃 . Sorry, don’t have time to check.