Question

我正在与一位开发人员合作，该开发人员要求我链接到两个CSS文件 - 但第二个应该只调用已更改的类。我理解他的意思，但我不知道如何实现它。而不是这样：

<link href="css/style1.css" rel="stylesheet" type="text/css" />
<link href="css/pt-style.css" rel="stylesheet" type="text/css" />

它应该有第一个链接到主样式，然后以某种方式调用仅来自第二个CSS的更改的类。有人能告诉我怎么做吗？

提前致谢！

编辑：

仅仅链接到第一个主要CSS然后在其下面添加一个内部样式表以对特定页面进行更改会更有意义吗？如果内部样式表具有在外部工作表中命名相同的类，哪一个优先？

Answer 1

CSS不是一种编程语言，因为它不能涉及任何类型的逻辑。如果要以编程方式创建样式表，则应检查LESS或SASS

CSS通过继承来工作，这意味着即使您定义了相同的选择器（类，id是一个类链或\和元素），只要其中一个属性不会在多个位置重复它，样式将被连接起来。

What happens when there is a conflict?.

那么，在这种情况下，更具体的选择器提供的值适用（不包括!important）。最具体的选择器当然是内联style属性，之后是一个ID选择器，之后，还有其他几个规则，但按照一般顺序，是具有更具体的路径的选择器'通过DOM的元素将'赢';

例如：

<span class="hasColor">Look at me!</span>

.hasColor{
 color: green;
}

span.hasColor{
  color: blue;
}

body span.hasColor{
  color: red;
}

此元素将获得红色，因为最后一个选择器是最具特异性的。

Plunker：

Answer 2

你可以维护一个css文件即。 style1.css并在其末尾复制pt-style.css的css。

如果您想要进行更改并合并为一个，您可以借助此工具查看两者之间的差异。http://www.diffchecker.com/。