css - 如何列出一系列包含相同属性的类并为每个类分配不同的 z-index

Question

如何列出一系列包含相同属性的类并为每个类分配不同的 z-index。例如

.class1 .class2 .class3 .class4 {
background color:red;
height:70px;
width:40px;
z-index: 1,2,3,4
}

其中 .class1 的 z-index 为 1，.class2 的 z-index 为 2 等等

Answer 1

这就是我为您所描述的内容所做的。除非你想使用预处理器。你不能用纯 CSS 中的单个声明来完成所有这些。但这几乎就是预处理器无论如何都会编译的结果。

.class1, .class2, .class3, .class4 {
    background color: red;
    height: 70px;
    width: 40px;
    z-index: 1;
}

.class2 {
    z-index: 2;
}

.class3 {
    z-index: 3;
}

.class4 {
    z-index: 4;
}