如何指定调用类的样式表

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> 

Answer 2

简单的CSS规则：后来的规则扩展了同一类的先前规则。

那是

.myClass {
   color: red;
   font-size: 14px;
}

.myClass {
   color: blue;
}

.myClass将为蓝色14px字体大小。

您也可以在CSS中指定.myClass，但在HTML Sales.css.myClass中指定您的类，这是不同的类。你的意思是Sales css myClass？