How to get html elements with multiple css classes

seasong picture seasong · Oct 7, 2010 · Viewed 47.5k times · Source

I know how to get a list of DIVs of the same css class e.g

<div class="class1">1</div>
<div class="class1">2</div>

using xpath //div[@class='class1']

But how if a div have multiple classes, e.g

<div class="class1 class2">1</div>

What will the xpath like then?

Answer

Ioannis Karadimas picture Ioannis Karadimas · Oct 7, 2010

The expression you're looking for is:

//div[contains(@class, 'class1') and contains(@class, 'class2')]

I highly suggest XPath visualizer, which can help you debug xpath expressions easily. It can be found here:

http://xpathvisualizer.codeplex.com/