css - 在 CSS 文件中使用嵌套元素需要什么？

Question

在某处我看到了 CSS 文档的这种结构：

header {
  .navigation {
    a {
      text-decoration: none;
    }
  }
}

如果我在我的 CSS 文件中尝试它，它不起作用。编写此代码的能力需要什么？

谢谢

score 5 · Accepted Answer

这看起来像 LESS CSS http://lesscss.org/

您必须将 javascript 文件 less.js 导入您的页面。

score 2 · Accepted Answer

现在编译你的 css 文件，然后应用@ozkanozlu先生是正确的方法

就这样做

header {.navigation{a{text-decoration: none;}}}

score 1 · Accepted Answer

您引用的代码实际上不是 CSS，它是一种名为LESS的语言，它编译为 CSS；它是一个 CSS 预处理器。它旨在使 CSS 更易于使用，但需要将其转换为纯 CSS 才能真正在浏览器中工作。

LESS 可以在部署之前编译成 CSS——也就是说，你可以处理 LESS 代码，但用户会看到标准的 CSS——或者作为 LESS 提供给浏览器，但是页面中还包含了 less.js 编译器。出于性能原因，我总是更喜欢这些选项中的第一个。

其他类似的语言也存在——例如参见SASS 。您可以在此处查看 SASS 与 LESS 的比较：http: //css-tricks.com/sass-vs-less/

3 回答 3