css - 在同一个html文件中使用两个css文件

Question

是否可以在同一个 HTML 文件中使用 2 个具有相同名称的选择器等 CSS 类？如果是这样，在设计元素时如何区分两者？

Answer 1

是的，这是可能的，只需在文档的 HEAD 部分中包含两个 css 文件。第一个中设置的任何样式都将在第二个中被覆盖，所以假设你有这个：
第一个文件：

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

然后在第二个文件中：

 #something{
  background-color: #000;
 }

然后 #something 的背景颜色将在第二个文件中被覆盖为黑色，但颜色将保持不变，因为第二个文件没有说明任何内容。

Answer 2

是的，有可能。第二个文件中的定义将覆盖第一个文件的定义。没有办法区分两者，只能根据文件添加类名。

Answer 3

这应该可以，试试吧。

<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>

Answer 4

...具有相似名称的选择器

如果名称确实相似且不相同，那么应该没有问题。

Answer 5

你的意思是同一类的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>