html元素可以具有多个属性,html – 是否有一个具有相同属性值的2个或更多元素的选择器？...

是否有更优雅的方式来写这个？

.standard {

padding-top: 50px;

padding-bottom: 50px;

}

.standard.color-0 + .standard.color-0,

.standard.color-1 + .standard.color-1,

.standard.color-2 + .standard.color-2,

.standard.color-3 + .standard.color-3,

.standard.color-4 + .standard.color-4,

.standard.color-5 + .standard.color-5,

.standard.color-6 + .standard.color-6,

.standard.color-7 + .standard.color-7,

.standard.color-8 + .standard.color-8 {

padding-top: 0;

}

是否有一些选择器可以检查在2个或更多元素上找到的类的匹配,而实际上并不知道确切类的名称？比如：

.standard.color-* + .standard.color-* {

padding-top: 0;

}

我目前(上面发布的)的工作方式与我在网站上显示的方式一样,但我只是好奇我是否注定要不断添加.standard.color-#.standard. color-#为我需要的每种新颜色(在这种情况下,对于全宽< section>标记,它是背景颜色).

例子：

// top and bottom padding

// top and bottom padding

-----------------------------------------------------------------------

// top and bottom padding

// padding-top: 0; (if both "color-#" is the exact same this loses its top padding)

编辑：简化的帖子和代码. 将始终有一个.standard类和一个.color-类,其中.color-0是background-color：transparent;.