3

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

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

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

谢谢

4

3 回答 3

5

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

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

于 2013-03-01T09:11:27.910 回答
2

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

就这样做 

header {.navigation{a{text-decoration: none;}}}
于 2013-03-01T09:30:00.167 回答
1

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

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

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

于 2013-03-01T09:39:17.857 回答