如何指定调用类的样式表

Question

如果我有两个不同的样式表和一个在两个样式上共享的类名,就像这样:

Home.css:

.myClass{
color: red;
} 

Sales.css:

.myClass{
color: blue;
} 

现在我想能够做到这样的事情:

<div class = "Sales.css.myClass" >....</div>  <!--Here I am calling the blue color from Sales.css-->

有没有办法从哪个样式表中指定我要调用的类？

Answer 1

CSS文件优先级取决于您在标题中定义的文件序列,最后一个文件被拾取,除非您的规则具有更高的特异性.

但是,您要做的是一种不好的做法,导致可读性降低,甚至可能发生冲突.

为什么不把规则放在每个文件中的不同规则中:

/*Home.css*/
.myHomeClass{
  color: red;
}

/*Sales.css*/
.mySalesClass{
  color: blue;
}

然后把你想要的那个放到你的元素中？

<div class = "mySalesClass" >....</div>