nokogiri multiple css classes

Question

How is it possible to select an html element that have two classes. For example, hot to select the element p bellow in an html document (given that it has two css classes) class='class1 class2' :

I tried to use the following :

• doc.xpath("//p[@class~='class1 class2']")

• doc.xpath("//p[@class~='class1']|[@class~='class2']")

• doc.xpath("//p[@class~='class1',@class~='class2']")

• doc.xpath("//p[contains(concat(' ', @class, ' '), ' class1 ') && contains(concat(' ',@class, ' '), ' class2 ')]")

but without success

Thanks in advance

Answer 1

Finally find the RIGHT way to express multiple css classes search with nokogiri (libxml) :

doc.xpath('//p[contains(@class, "class1") and contains(@class, "class2")]')

It's not perfect cause if p contains classes such as class10 and class20 the element will be selected ... but for now it's enough for what I need ... if you have more suggestions ... they are welcome !

Update :

Here is a better solution to this problem using css only :

doc.css('p.class1.class2') (....Thanks to Aaron Patterson :-))