Question

在同一个HTML文件中，可以使用具有相同名称的2个CSS类来选择等等，是否可能？如果可以，如何在样式元素时区分这两个类？这是中文翻译。

Answer 1

Yes this is possible, simply include two css files in the HEAD section of the document. Any styles set in the first will be overwritten in the second, so say you have this:
First file:

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

然后在第二个文件中：

 #something{
  background-color: #000;
 }

然后，＃something的背景颜色将在第二个文件中被覆盖为黑色，但由于第二个文件没有关于它的任何说明，颜色将保持不变。

Answer 2

Yes it is possible. The definitions in second file will overwrite the definitions of the first file. There is no way to differentiate between the two but to prepend the class names according to the file.

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

您是指对于同一类别有两个定义，还是在元素上有两个类名？

第一个案例，没有。

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

友情链接