CSS：分组属性

是否可以对共享公共定义的属性进行分组，如上例中的

边框顶部

和

边框底部

比如：

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

.myclass{
上边框，下边框：实心1px灰色；/*您可以使用LESS或SASS（我相信），但如果您不想使用它们，您可以改为使用具有相同属性的组选择器：

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

这会将样式应用于所有元素。
不幸的是，border没有速记版本（例如边距/填充），所有元素的样式必须相同或不同

然而，你可以做的是——假设你想唯一地设置一面的样式，就是指定框的所有部分，然后在框的下方用一个单独的样式覆盖它

我想我明白你在这里想做什么了

这是我所知道的唯一一个没有使用SASS/LESS的边界速记

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

这与页边距和填充（上、右、下、左）相同

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