分割從CSS規則

Question

我想

.alpha { 
    border-top: solid 1px #990000 ; 
} 
.beta { 
    border-bottom: solid 5px #990000; 
} 

組合成類似

.alpha, .beta { 
    border: #990000 ; 
} 
.alpha { 
    border-top: solid 1px; 
} 
.beta { 
    border-bottom: solid 5px; 
} 

它會使你更容易更容易編程方式更改的顏色屬性。這可能嗎？我不應該說我已經嘗試了上述方法，但它似乎並不適用於Firefox。只應用最後的規則（即.alpha和.beta），而忽略組合。

謝謝

Answer 1

您示例中的CSS爲won't work。

您可以使用...

.alpha, .beta { 
    border-color: #900; 
    border-style: solid; 
    border-width: 0; 
} 

.alpha { 
    border-top-width: 1px; 
} 

.beta { 
    border-bottom-width: 5px; 
} 

jsFiddle。