這是CSS引用正確的，支持的語法：.slider.wide {}

Question

我有一個被標記了，像這樣一個滑塊：

<div class="slider wide"> 
//slider html in here 
</div> 

而另一標記像這樣：

<div class="slider narrow"> 
//slider html in here 
</div> 

是有可能通過一種方式相互引用的這些像這樣在我的CSS文件拼接類名：

.slider.wide { //css specific to the wide slider goes here } 
.slider.narrow { //css specific to the wide slider goes here } 

Answer 1

是的，.slider.narrow是有效的。它並不完全連接類名，它創建了兩個不同的類選擇器並將它們應用於相同的元素。所以.narrow.slider也是有效的，並且會匹配相同的元素。

針對單個元素使用多個類選擇器的問題是，在IE6中不起作用。該瀏覽器將忽略除最後一個類選擇器以外的所有內容所以爲了支持這個瀏覽器，你通常最終會使用類似class="slider wide-slider"的東西。

Answer 2

沒有，你讓三班.slider，你把普通的滑塊css和.narrow放在哪裏，你把窄滑塊特定的css，和.wide你放寬滑塊特定的css。

.slider { //css common among all sliders goes here } 
.wide { //css specific to the wide slider goes here } 
.narrow { //css specific to the narrow slider goes here }