如何僅爲已指定多個類的元素設置樣式？

我有三個span元素：如何僅爲已指定多個類的元素設置樣式？

<span "id="span1" class="class1"> span 1 </span> 
<span "id="span2" class="class2"> span 2 </span> 
<span "id="span3" class="class1 class2"> span 3 </span>

我想設置的樣式有兩種class1和class2的元素。因此，雖然第一和第三跨度分享class1，第二和第三跨度分享class2，但我只希望按照其類別來設計第三個跨度。

來源

2011-12-31 Rocky

在CSS規則中，如果您指定了多個類，ID或標籤而沒有介入空格，那麼它們必須全都存在於同一個對象之前CSS規則匹配。這解釋了爲什麼下面的答案有效。 – jfriend00 2011-12-31 02:41:17

你可以這樣說：

.class1.class2 { 
    color: yellow; 
}

Demo。

來源

2011-12-31 02:36:52

感謝您添加演示:) – 2011-12-31 02:47:00

沒問題，並很好的快速回答。 +1。 – Purag 2011-12-31 02:49:32

試試這個

.class1.class2 { 
    color: yellow 
}

來源

2011-12-31 02:37:45 ShankarSangoli

試試這個：

.class1.class2 { 
    color: yellow; 
}

來源

2011-12-31 02:38:19

你會設置你的CSS如下

給每個同一類，這樣就可以格式化所有的元素使用的ID進行自定義

<style> 
.class1 { 
color:green; 
} 
#span3 { 
color:yellow; 
} 
</style> 

<span "id="span1" class="class1"> span 1 </span> 
<span "id="span2" class="class1"> span 2 </span> 
<span "id="span3" class="class1"> span 3 </span>

id CSS會覆蓋該類的css，讓您可以獨立控制每個元素

來源

2011-12-31 03:00:12 MadScientist

+1這是個好建議。 – 2011-12-31 03:18:48

好，是的。這應該是最佳做法。 – Rocky 2011-12-31 09:51:58

如何僅爲已指定多個類的元素設置樣式？

回答

相關問題