how to translate this xpath into css selector

Question

Basically, the question is how to convert and and not operators correctly in the given xpath:

"//div[contains(@class, 'cpthead') or contains(@class, 'cptbulkhead') and (not(contains(@class, 'overloaded') or contains(@class, 'loaded')))]"

the answer is :

 .cpthead:not(.overloaded):not(.loaded),cptbulkhead:not(.overloaded):not(.loaded)

Please do not edit the question with the answer. You have already accepted an answer correctly, as described in the help, so if you have more to add then please comment (if you can) on that answer, or answer and accept the question yourself. — andyb
– andyb, Commented Feb 4, 2016 at 8:57

Nitesh · Accepted Answer · 2016-02-03 13:22:27Z

1

For the or you can use a comma, like this:

div.cpthead.cptbulkhead.loaded:not(.overloaded),
div.cpthead.cpthead.loaded:not(.overloaded)

PS: It's a reply of har07's answer but I can't post comments...

edited Feb 3, 2016 at 13:22

Nitesh

1877 bronze badges

answered Feb 3, 2016 at 10:06

AdrienTorris

9,3919 gold badges38 silver badges53 bronze badges

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

Comments

har07 · Accepted Answer · 2016-02-03 08:50:41Z

0

You can concatenate multiple class selectors in CSS to translate your XPath and, and then use pseudo-class :not() to translate XPath not(), something like this :

div.cpthead.cptbulkhead.loaded:not(.overloaded)

answered Feb 3, 2016 at 8:50

har07

89.5k12 gold badges87 silver badges143 bronze badges

1 Comment

Kim Homann Over a year ago

And what about the "or"?

Collectives™ on Stack Overflow

how to translate this xpath into css selector

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related