css - 如果在特定类或 id 下应用 css 规则

Question

是否可以在一个类下定义多个规则而不必每次都编写该类。例如:

.container-class .id-1 // {rules}


.container-class .id-2 // {rules}


.container-class .id-3 // {rules}

是否可以避免写 .container-class每一次？

Answer 1

仅当您使用 LESS 或 SASS 等预处理器语言时

使用 LESS 你可以这样写:

.container-class {

    .id-1 { }
    .id-2 { }
    .id-3 { }

}

去实现你想要的。

您可以在这里阅读更多信息: http://lesscss.org/