我了解HTML、CSS和jQuery。最近,我了解了Sass和less。由于它们都是样式表语言,我有点困惑在哪里使用它们,因为CSS已经存在并且在每个网站上都广泛使用。那么如何知道在特定领域中使用这些(Less,Sass)。另一个疑问是,在wordpress中是否可以使用Sass和Less代替默认的CSS?
如zzzzBov所说,LESS和SASS是CSS预处理器。基本上,你选择一种语言编写你的样式定义。当完成后,你需要通过预处理器运行它,然后它会为你生成一个普通的CSS文件。那个普通文件就是你在网站中使用的文件。我强烈建议你在对CSS有更多了解之前跳过使用SASS/LESS或任何其他预处理器。 关于LESS的更多信息。LESS可以事先作为实际的预处理器运行,也可以只需链接less.js文件和.less文件,让浏览器来处理。让浏览器处理的问题是每个浏览器都必须“重新编译”css以正确地呈现你的网站,考虑到你无法控制打开你网站的计算机,这可能导致某些人认为你的网站速度慢。此外,该javascript仅在某些浏览器中起作用,进一步限制了其实用性。坦率地说,CSS是一项通常一次设置网站并长时间保持不变的事情。因此,这可能根本不值得。
SASS和LESS是两种特定领域的语言,可以通过预处理器转换为CSS。预处理器可以通过JavaScript在客户端运行,也可以通过PHP、Node.js、Rails等服务器端运行。对于新项目,使用SASS或LESS都很好。如果你正在使用支持这两种技术的框架(如Bootstrap或Rails),那就更好了。如果你要修改一个现有的使用纯CSS(如WordPress)的网站,几乎总是应该基于现有样式进行扩展和构建。混合使用纯CSS和SASS/LESS可能会很混乱,尤其是当你刚开始学习这项技术时。
这两个工具都是为了让你的工作更轻松,节省时间,让你的CSS更易读。你将不再忘记使用过的颜色、间距或特定值,因为你可以创建变量、混合等。 如果你觉得你会受益于提供的任何功能,那么为什么不使用呢?并不强制要求使用这些功能,就像我不会在我创建的每个项目中都使用CSS一样(尽管大多数情况下会用)。试试它,了解基本功能不需要超过一个小时。