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

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

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

如果我在CSS文件中尝试它，它就不起作用了。 写这段代码需要什么能力

谢谢

这看起来不像是CSS

---

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

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

就这么做吧

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

---

你引用的代码实际上不是CSS，它是一种叫做CSS的语言，可以编译成CSS；它是一个CSS预处理器。它的设计目的是使CSS更易于使用，但在它真正在浏览器中工作之前，需要将其转换为纯CSS

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

---

其他类似的语言也存在——例如，请参见。你可以在这里看到SASS和LESS的比较：

好吧，我把JS文件添加到我的网站，我把

app.css

重命名为

app.LESS

（还有属性

rel=“stylesheet/LESS”

），我也把JS代码块放进了我的网站，但它不起作用。。。没有从我的LESS文件加载样式。路径是正确的，我做错了什么？