CSS：分組屬性

.myclass { 
    border-top: solid 1px gray; 
    border-bottom: solid 1px gray; 
    background: #F2F2F2; 
}

是否有可能共享共同定義組屬性，在上面的例子中，如border-top和border-bottom。CSS：分組屬性

喜歡的東西：

.myclass { 
    border-top , border-bottom: solid 1px gray; /* <-- grouped properties */ 
    background: #F2F2F2; 
}

TIA，

來源

2011-11-11 Serge Wautier

您可以使用更少或SASS（我相信），但如果你不想使用這些，你可以代替組選擇，將有相同的財產：

.myclass, 
.myOtherClass, 
.myAnotherClass, 
#anIdForGoodMeasure 
{ 
    border-top: solid 1px gray; 
    border-bottom: solid 1px gray; 
    background: #F2F2F2; 
}

這將適用於所有元素的樣式。

來源

2011-11-11 09:04:19 Kyle

不幸的是border不具備速記版本（比如說說margin/padding），它必須全部相同或不同。

然而，你可以做什麼 - 就是說你想單獨設計一側的樣式，是指定所有的框，然後在它下面，覆蓋它與個人風格。這裏有一點我的意思是小提琴。

http://jsfiddle.net/XxWwn/

來源

2011-11-11 09:15:03

我想我看到你想在這裏做，

這是唯一的邊境速記我知道是什麼，不使用SASS/LESS。

.myclass { 
    border-color: red blue green coral; 
    border-width: 1px 2px 3px 4px; 
    border-style: solid; 
}

此相同速記如邊距和填充（TOP，RIGHT，BOTTOM，LEFT）

來源

2011-11-11 09:23:52 eltron

CSS：分組屬性

回答

相關問題