javascript - 有没有办法简化这个 css？

Question

有没有办法简化以下内容？如果可以，我该怎么做？

.ui-layout-north {
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 0px;
}
.ui-layout-west {
    border-top: none;
    border-left: none;
    border-bottom: none;
    padding: 0px;
}
#inner {
    border-top: none;
    border-right: none;
    border-bottom: none;
    padding: 0px;
}
#inner-center {
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 0px;
}
#inner-south {
    border-right: none;
    border-left: none;
    border-bottom: none;
    padding: 0px;
}

您可以在此处查看实际效果:http://jsfiddle.net/xUvJk/2/

Answer 1

您可以用逗号分隔每个标识符，以将相同的样式应用于多个元素:

#inner, #inner-center, #inner-south ... {
    border-top: none;
    border-left: none;
    border-right: none;
    padding: 0px;
}

然后只需为每个具有不同样式的元素指定:

#inner { 
    border-left : inherit;
}