Question

我有2个css文件，它们被缩小并合并为一个文件。但是同一元素上的CSS属性没有合并。

file1.css //这来自一个公共库

body { position: relative; margin: auto; }

file2.css //这是一个项目特定的样式

body { position: static }

min.css

body{position: relative; margin: auto}
body{position:static}

我希望position: static优先于position: relative

Answer 1

这不是一个错误，YUI Compressor不会合并CSS选择器这是一个选择，它有一个原因。

以此CSS为例：

/* file1.css */
.foo {
  color: red;
}
.bar {
  color: blue;
}

/* file2.css */
.foo {
  color: yellow;
}

这个HTML：

<p class="foo bar">Hello world!</p>

这是我们得到的：

没有文件组合

/* file1.css */
.foo{color:red;}.bar{color:blue;}

/* file2.css */
.foo{color:yellow;}

由于声明的顺序，颜色为黄色。

使用文件组合，无需合并选择器

/* file1.css */
.foo{color:red;}.bar{color:blue;}.foo{color:yellow;}

颜色 YELLOW ，原因相同。

/* file1.css */
.foo{color:yellow;}.bar{color:blue;}

颜色为 BLUE ，因为我们的元素有两个选择器，并且在缩小时移动了黄色值。

Answer 2

反转xml配置文件中css文件的顺序。