匹配多個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')