CSS：グループ特性

Question

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

は、上記の例でborder-topとborder-bottomなどの一般的な定義を共有するグループのプロパティ、することが可能です。以下のような

何か：

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

TIA、

Answer 1

あなたがLESSやSASS（私は信じる）使用することができますが、あなたがそれらを使用しない場合、あなたは代わりに、グループセレクタがありますすることができます同じプロパティ：

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

これはすべての要素にスタイルを適用します。

Answer 2

ボーナスには省略形がありません（たとえば、マージン/パディングのように）、すべて同じでも異なっていてもかまいません。

あなたができることは - 一面を一意的にスタイルし、すべてのボックスを指定してからの下にのように個々のスタイルでオーバーライドするとします。私は何を意味するのか少し聞いています。

http://jsfiddle.net/XxWwn/

Answer 3

私は、これはSASS/LESSを使用せずに、私が知っている唯一の国境速記である

、私はあなたがここで何をしようとして見ると思います。

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

このマージンとパディングと同じ速記（上、右、下、左）