在同一個html文件中使用兩個css文件

Question

是否有可能使用2個CSS類與同一個HTML文件中的選擇器等名稱相同？如果是這樣，當樣式元素時你如何區分兩者？

Answer 1

是的，這是可能的，只需在文檔的HEAD部分包含兩個css文件即可。在第一組的任何樣式將在第二被覆蓋，所以說，你有這樣的：
第一個文件：

#something{ 
    background-color: #F00; 
    color: #FFF; 
} 

然後在第二個文件：

#something{ 
    background-color: #000; 
} 

隨後的背景色#something會在第二個文件中被覆蓋爲黑色，但顏色將保持不變，因爲第二個文件沒有提及任何內容。

Answer 2

是的，這是可能的。 第二個文件中的定義將覆蓋第一個文件的定義。無法區分這兩者，而是根據文件預先安排類名。

Answer 3

你是指同一班的2個定義？或元素上的2個類名？

第一種情況，沒有。

<style> 
    .foo{ 
    border:1px solid blue; 
    color:red; 
    } 
    .foo{ 
    border:4px solid orange; 
    } 
</style> 
<div class="foo">this will have an orange border and red text (no blue border)</div> 

第二種情況，是

<div class="class1 class2">this is valid</div> 

Answer 4

...有類似名稱的選擇

如果名稱真的是類似，而不是相同的然後應該沒有問題。

Answer 5

這應該工作，試試吧。

<style> 
    .foo{ 
    border:1px solid blue; 
    color:red; 
    } 
    .foo{ 
    border:4px solid orange !important; 
    } 
</style> 
<div class="foo">this will have an orange border and red text (no blue border)</div>