我已经开始在React库上工作了。在我要处理的整个代码库中，我看到*.less文件包含与样式相关的类，就像我们以前在 HTML / JavaScript 页面的 CSS 文件中一样。
.less 文件与传统的 CSS 样式表有何不同？我们还可以将*.css文件与*.JSX文件一起用于样式设置吗？
23
Less基本上是一种类似 CSS 的语言，具有附加功能，可以使用预处理器将其编译为 CSS。
这些附加功能的示例包括：
变量定义。假设您在网站 / 应用程序上有一个配色方案，并且需要继续重复使用相同的颜色，您可以将该颜色存储在一个变量中，并在任何地方继续使用它（而不必记住十六进制代码）。
@nice-blue: #5B83AD;
#header {
color: @nice-blue;
}
假设以后你想改变颜色，你可以简单地改变变量，而不是通过所有的 CSS 和手动改变。
还有其他整洁的东西，如循环等，您可以检查their documentation了解更多信息。
您可以查看的另一个流行的预处理器是Sass。
本站系公益性非盈利分享网址，本文来自用户投稿，不代表码文网立场，如若转载，请注明出处
评论列表（33条）