YUI CSS縮小問題

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

由於聲明的順序，顏色為YELLOW 。

具有文件組合，不合並選擇器

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

顏色為黃色 ，原因相同。

具有文件組合和合並選擇器

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

顏色為BLUE ，因為我們的元素具有兩個選擇器，並且黃色值在縮小過程中已移動。

Answer 2

反轉xml配置文件中css文件的順序。