【问题标题】:CSS nested class definition [duplicate]CSS嵌套类定义[重复]
【发布时间】:2021-05-26 16:56:00
【问题描述】:

抱歉,可能是愚蠢的问题>_

以下css定义方式是否正式存在?
在哪些情况下可以使用这种编码?
你能提供一些关于这种方式的文档吗?

.outer-class {
  // style declaration

  .inner-class {
    // style declaration
  }
}

【问题讨论】:

  • 它将在不久的将来有效,但实际上并非如此。这是一个 SASS 语法
  • 这可以使用 SCSS 来完成。
  • 谢谢大家,我对 css 的理解有误!

标签: css sass


【解决方案1】:

您需要使用某种可编译为原生css 的预处理器。不幸的是,当前的CSS 规范不支持样式嵌套。

例如,您可以使用支持这种代码的scss 并将其编译为原生CSS,如下所示:

.outer-class {
  // style declaration
}

.outer-class .inner-class {
  // style declaration
 }

您可以阅读更多信息:W3schools

【讨论】:

    猜你喜欢
    • 2015-08-28
    • 2023-03-31
    • 2011-03-22
    • 1970-01-01
    • 2016-09-02
    • 2011-06-01
    • 2011-08-15
    • 1970-01-01
    相关资源
    最近更新 更多