Совпадение нескольких классов CSS

Question

Есть ли выражение для соответствия меток с несколькими классами?

Рассмотрим следующий фрагмент кода HTML:

<div id="top"> 
    <div class="foo bar"></div> 
</div> 

Я мог бы соответствовать его soup.select('div#top div.foo') или soup.select('div#top div.bar').

Но мне нужно, чтобы оба класса были там.

Есть ли выражение для этого?

Answer 1

Вы можете цеплять селекторы классов. .foo.bar означает выбрать только элементы с обоих классов foo и класса bar

soup.select('div#top div.foo.bar') 

Answer 2

Согласно CSS Spec, следующее правило соответствует любому div элемент, class атрибут был назначен список разделенных пробелами значений, которые включают foo и bar:

div.foo.bar 

BeautifulSoup также следует этой спецификации, так что вы могут использоваться:

soup.select('div#top div.foo.bar')