css或less样式 设置了css样式但不显示

在开发环境中,使用scss或less代替css值得吗

代码更干净，优美；功能更多更强，CSS做出JS的特效（其实就是JS）；总而言之，LESS/SASS就是CSS里面的jQuery，简化，减少开发时间，提升开发者开发体验。

目前创新互联已为成百上千的企业提供了网站建设、域名、虚拟主机、网站托管、服务器托管、企业网站设计、秀屿网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

A、SASS2007年诞生，最早也是最成熟的CSS预处理器，拥有ruby社区的支持和compass这一最强大的css框架，目前受LESS影响，已经进化到了全面兼容CSS的SCSS。

对于使用Sass还是LESS这样的问题，其实就跟Sass VS LESS是一样的。我说说我为什么选择Sass而没有选择LESS。

前端开发用less或者sass的情况如下：项目足够大，起码几十张页面，有公共的UI组件，组件或者页面上有相似的拼装属性的方法(可以写成mixin)，组件或者样式拼装上存在继承关系，或者有theme的需求。

目前场景是接到的项目中没有统一样式处理，例如不同模块，有的使用了 sass ，有的使用了less。

less样式如何使用cssmodule

1、LESS 在服务器端的使用主要是借助于 LESS 的编译器，将 LESS 源文件编译生成最终的 CSS 文件，目前常用的方式是利用 node 的包管理器 (npm) 安装 LESS，安装成功后就可以在 node 环境中对 LESS 源文件进行编译。

2、在 React 中，默认是开启 CSS Module 的。但是对于样式表文件的命名一个约束。需要以 .module.less/css/sass 结尾 随意我们就可以这样改造一下 Header 组件，来使用 CSS Module 的功能。

3、具体如下：先在hbuilder里面新建一个web项目，如图所示，我新建了一个叫less的项目。新建web项目操作步骤如图所示。如图，然后我们在web项目下的css文件夹上单击鼠标右键，然后“新建”。

4、由于一般的脚手架都默认集成了 CSS Modules，比如 React guan 方的脚手架：create-react-app，已经将 CSS Modules 集成进来了，我们可以直接使用。

Sass/Scss和Less之间的区别是什么

1、编译环境不一样 Sass的安装需要Ruby环境，是在服务端处理的，而Less是需要引入less.js来处理Less 代码输出css到浏览器，也可以在开发环节使用Less，然后编译成css文件，直接放到 项目中。

2、sass和less主要区别在于实现方式： less是基于JavaScript的在客户端处理 所以安装的时候用npm，sass是基于ruby所以在服务器处理。

3、)；`。 算术运算：Sass和Less都支持算术运算，如加减 乘除。但是在语法和操作符使用上略有差异。 嵌套规则：Sass和Less都支持嵌套定义CSS规则，但是语法略有不同。Sass使用缩进来表示嵌套，而Less使用大括号。

4、C、PostCSS插件和喜欢的预处理器(Sass、Stylus或LESS)之一结合在一起使用。D、在常规的预处理器通过使用混合宏或函数特性像程序一样处理代码，达到类似的结果。