Selenium CSS locator space in locator

Question

I know that selenium can use css locators.

I know that the syntax is something like this:

xpath=//div[@id,'topLeft')//span[contains(@class,'name')]
or css=#topLeft .name

Now, what if .name is like this: //span[contains(@class,'name with space')]

Then it would fail... HOw to look for a locator that has space in it?

Thanks!

EDIT Solution: css=span.name.with.space

pnewhook · Accepted Answer · 2010-09-08 18:28:50Z

5

Class names can't have spaces. However, you can define multiple classes for a single element by putting a space between them. Take a look at the id and class identifiers section in the HTML spec for more.

You should be able to use the CSS locator by using only one of the classes.

If that doesn't work, double check your CSS selector using a tool like Firefinder for FireBug. I was able use Selenium-IDE with an element that had two classes. For the HTML

<div class="c1 c2">
    <span class"s1">Test</span>
</div>

I used the selector

css=div.c1 span

answered Sep 8, 2010 at 18:28

pnewhook

4,0882 gold badges33 silver badges50 bronze badges

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

6 Comments

Hannibal Over a year ago

Yeah. Say that to the devs at my company who have class names like this: button AddComment IntegrationButton.

pnewhook Over a year ago

I'm not saying there can't be spaces. I'm pointing out that those aren't all one class. Those are individual classes. If you're trying to identify one with a selector, just pick a class.

Hannibal Over a year ago

Now i'm the one who is dumb... I never thought that an element can have multiple classes? Damn... I learn something new everyday. :) That means if i see a class name like this: "button Something submitter"... That that element has button class Something class and submitter class? And if i search for button class then this one will also be found?

Hannibal Over a year ago

But what if there are more c1 and c2 around alone but only one element with booth classes? And i need THAT element?

Hannibal Over a year ago

I can simply use + to add class names. Thanks. :)

|

Karthik · Accepted Answer · 2015-11-01 03:04:06Z

-2

With CSS its easier than using a long xpath:

span.class1.class2

answered Nov 1, 2015 at 3:04

Karthik

4778 silver badges20 bronze badges

Collectives™ on Stack Overflow

Selenium CSS locator space in locator

2 Answers 2

6 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related