嵌套CSS类 [英] Nesting CSS classes

问题描述

我可以做以下的事情吗？

Can I do something like the following?

.class1{some stuff}

.class2{class1;some more stuff}

推荐答案

香草CSS。但您可以使用以下方法：

Not possible with vanilla CSS. However you can use something like:

• Sass

• Sass

Sass让CSS再次变得有趣。 Sass是CSS3的
扩展，添加嵌套的
规则，变量，mixins，selector
继承等等。它使用
命令行工具或
web框架插件将
翻译成格式良好的标准CSS。

Sass makes CSS fun again. Sass is an extension of CSS3, adding nested rules, variables, mixins, selector inheritance, and more. It’s translated to well-formatted, standard CSS using the command line tool or a web-framework plugin.

或

• 减少

• Less

不是构建长选择器
名称以指定继承，而是在Less
中可以简单地在
其他选择器内嵌套选择器。这使
继承清晰，样式表
更短。

Rather than constructing long selector names to specify inheritance, in Less you can simply nest selectors inside other selectors. This makes inheritance clear and style sheets shorter.

示例： / p>

Example:

#header {
  color: red;
  a {
    font-weight: bold;
    text-decoration: none;
  }
}

这篇关于嵌套CSS类的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！