在同一个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>