CssSelector cannot find element by Id (selenium webdriver C#)

Question

I use simple code as

 [FindsBy(How = How.CssSelector, Using = "div[id=1]")]
 private IWebElement _plasticOption;

to find element with id = 1.

It's for page factory, if someone don't know what it is, we can change the code above to the next one:

 IWebElement element = driver.FindElement(By.CssSelector("div[id=1]"));

So, this simple code can't find an element in the next piece of HTML:

<div class="b-wide-option disabled" data-bind="css: { selected: IsSelected, disabled: !IsVisible() }, click: Select, attr: { id: Id }" id="1"> </div>

But I can simply find this element the next way:

 [FindsBy(How = How.Id, Using = "1")]
 private IWebElement _plasticOption;

And I actually wonder why I can't find this element using CssSelector.

I have:

selenium webdriver v.2.43.1

chromedriver v. 2.10

Chrome Brovser v. 37.0.2062.120

Have you tried using a # symbol for the id? eg, By.CssSelector("div#1") ? — Mark Rowlands
– Mark Rowlands, Commented Sep 18, 2014 at 10:12
@Mark Rowlands: See my answer for why that won't work either as is. — BoltClock
– BoltClock, Commented Sep 18, 2014 at 10:37

BoltClock · Accepted Answer · 2014-09-18 10:34:13Z

3

[id=1] is not a valid attribute selector. When the attribute value is unquoted, it's treated as a CSS identifier, and a CSS identifier cannot start with a digit. It is for this same reason that a selector like div#1 will not work.

If you need to look for an attribute value that starts with a digit, you need to quote the value:

[FindsBy(How = How.CssSelector, Using = "div[id='1']")]
private IWebElement _plasticOption;

If you prefer to use an ID selector, you need to escape the digit (you could also do this in the attribute selector, but you'd be better off just quoting the value instead):

[FindsBy(How = How.CssSelector, Using = "div#\\1")]
private IWebElement _plasticOption;

answered Sep 18, 2014 at 10:34

BoltClock

728k165 gold badges1.4k silver badges1.4k bronze badges

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

3 Comments

Denis Koreyba Over a year ago

Thanks a lot! It works now! Unfortunately I'm not allowed to vote up your answer(

BoltClock Over a year ago

That's OK, for now you can mark it as the correct answer using the icon below the vote arrows. Glad I could help!

Mark Rowlands Over a year ago

@BoltClock I hadn't come across that particular issue before, thanks for the clarification.

Collectives™ on Stack Overflow

CssSelector cannot find element by Id (selenium webdriver C#)

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related