Why Selenium not recognised class with space in the name using CSS?

Question

I want to fine this WebElement:

<div class="title_bar bar ng-sss" ng-rr="!isBulkMode">

So when using CSS:

div[class=title_bar bar ng-sss]

This element could not found.

And with Xpath this works:

//div[@class='title_bar bar ng-sss']

There is no such thing as "class with space in the name"! It is a space-separated list of classes. — SiKing
– SiKing, Commented Feb 25, 2016 at 15:46

Guy · Accepted Answer · 2016-02-25 14:09:46Z

2

You don't have apostrophes in the cssSelector

By.cssSelector("div[class=`title_bar bar ng-sss`]");

You also don't have to use square brackets when using cssSelector

By.cssSelector("div.title_bar.bar.ng-sss`]");
// or
By.cssSelector(".title_bar.bar.ng-sss`]");

Dot before the name represents class name.

answered Feb 25, 2016 at 12:17

Guy

51.2k10 gold badges49 silver badges96 bronze badges

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

1 Answer 1