CSS2 - 许多子类，单亲

Question

通常我这样写:

.parent .child1 { }
.parent .child2 { }
.parent .child3 { }

这对于 .parent 类来说是多余的。有没有办法声明 .parent 一次？如:

.parent [
    .child1 { }
    .child2 { }
    .child3 { }
]

在 CSS 跨浏览器中？

Answer 1

您可以使用 SASS/SCSS允许嵌套选择器。

所以你可以这样写:

.parent {
    .child1 { }
    .child2 { }
    .child3 { }
}