如何引用class =「name1 name2」的div？

我工作的一些CSS從一個教程，一個div有這個類：如何引用class =「name1 name2」的div？

<div class="related products">

我怎麼可以參考它在樣式表？

來源

2011-08-11 Rob

可能重複的[如何選擇具有空格的類]（http://stackoverflow.com/questions/6885013/how-to-select-classes-with-spaces） – BoltClock

div實際上有兩類，related和products。您可以在樣式表中使用.related或.products來引用它，它會從這兩個規則中選取樣式。如果你想選擇與這兩個類元素，在樣式表中使用.related.products

.related { color:#ff0000 } 
.products { font-size:12px }

：例如，下面的CSS，在你的問題中div文本將顯示爲紅色字體大小12。例如，以下內容添加到上面的例子：

.related.products { font-weight:bold }

，並在文本你div將接收所有三條規則，因爲它所有3個選擇相匹配。這是一個工作example。

來源

2011-08-11 13:06:59

-4

在CSS中，只是把名稱類的div做這個：

.related products { 
/*styling to go here*/ 
}

現在相關產品類中的任何樣式將被應用到該分區。

來源

2011-08-11 13:07:19

這是不正確的。這選擇任何''節點的子節點與'related'類相關。 –

這個答案顯然是錯誤的。 – Exelian

錯誤！它會在類別爲「related」的元素中尋找「一個'''。 –

div.related.products是一般方法

來源

2011-08-11 13:07:27

訂單是否有意義，即'div.products.related'是否也可以工作？ – ain

@ain：[僅適用於IE6]（http://stackoverflow.com/questions/3772290/css-selector-that-applies-to-elements-with-two-classes/3772305#3772305） - 對於其他瀏覽器，它不會沒關係。 – BoltClock

您可以通過div.related.products引用它其中literaly翻譯爲「一個div帶班的相關和類產品」。

或者，您可以通過使用或類名稱來引用它，因爲它會同時捕獲這兩個類。

jsFiddle Example。

來源

2011-08-11 13:08:47

如何引用class =「name1 name2」的div？

回答

相關問題