CSS的预处理程序--------------------Sass、LESS、Stylus

作者：少女24梦_276 | 来源：互联网 | 2023-05-20 16:02

如有错误之处，欢迎指正！历史：SASS2007年诞生，最早也是最成熟的CSS预处理器，拥有ruby社区的支持和compass这一最强大的css框架，目前受LESS影响，已经进化到了全面兼容CSS的SC

如有错误之处，欢迎指正！

历史：

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

LESS2009年出现，受SASS的影响较大，但又使用CSS的语法，让大部分开发者和设计师更容易上手，在ruby社区之外支持者远超过SASS，其缺点是比起SASS来，可编程功能不够，不过优点是简单和兼容CSS，反过来也影响了SASS演变到了SCSS的时代，著名的Twitter Bootstrap就是采用LESS做底层语言的。

Stylus，2010年产生，来自Node.js社区，主要用来给Node项目进行CSS预处理支持，在此社区之内有一定支持者，在广泛的意义上人气还完全不如SASS和LESS。

LESS是受Sass启发而开发的工具，它列出了如下开发的理由：

Stylus
Stylus相对前两者较新，可以看官方文档介绍的功能。
1.来自NodeJS社区，所以和NodeJS走得很近，与Javascript联系非常紧密。还有专门Javascript API：http://learnboost.github.io/stylus/docs/js.html
2.支持Ruby之类等等框架
3.更多更强大的支持和功能

总结：Sass看起来在提供的特性上占有优势，但是LESS能够让开发者平滑地从现存CSS文件过渡到LESS，而不需要像Sass那样需要将CSS文件转换成Sass格式。
Stylus功能上更为强壮，和js联系更加紧密。

接下来仔写一篇最近使用stylus的总结，心得。

想学习stylus的戳这里！！！

推荐阅读

range
Go 通过 Map/Filter/ForEach 等流式 API 高效处理数据

go,通过,map,filter,foreach,等,流,式,ap ... [详细]

蜡笔小新 2024-12-14 12:54:15
node.js
React Native 环境搭建指南：iOS 开发入门

本教程旨在指导开发者如何在Mac上设置React Native的开发环境，以进行iOS应用的开发。文中详细介绍了必要的软件安装步骤，包括Xcode、Homebrew、Node.js、Watchman以及React Native CLI等工具的安装方法。 ... [详细]

蜡笔小新 2024-12-10 10:33:21
node.js
获取整数从右数第 K 位数字

本文介绍了一种算法，用于从一个整数的末尾获取第 K 位数字。如果该位置不存在，则返回 -1。 ... [详细]

蜡笔小新 2024-12-09 20:54:58
random
Optimize npm Install Retry Time in Branch 0.7

This pull request aims to optimize the npm install retry time in branch 0.7, reducing delays caused by long timeouts when no network connection is available. ... [详细]

蜡笔小新 2024-12-09 19:47:08
uri
Qwik：一款创新的JavaScript框架，致力于提升网页应用的速度与响应性

Qwik是一款新的JavaScript框架，旨在通过其独特的可恢复性机制，显著提高网页应用的加载速度和用户体验。 ... [详细]

蜡笔小新 2024-12-09 16:07:41
search
深入解析Go语言：为何值得学习及其在Web开发中的应用

本文探讨了Go语言（Golang）的学习价值及其在Web开发领域的应用潜力，包括其独特的语言特性和为什么它是现代软件开发的理想选择。 ... [详细]

蜡笔小新 2024-12-01 01:41:40
join
深入解析 com.codahale.metrics.servlets.AdminServlet.() 方法及其应用实例

本文详细探讨了 Java 中 com.codahale.metrics.servlets.AdminServlet.() 方法的实现与应用，并提供了多个实际项目中的代码示例，帮助开发者更好地理解和使用这一方法。 ... [详细]

蜡笔小新 2024-11-26 19:33:26
join
Java 网站开发指南

本文详细介绍了 Java 网站开发的相关资源和步骤，包括常用网站、开发环境和框架选择。 ... [详细]

蜡笔小新 2024-11-14 22:39:58
heap
如何精通编程语言：全面指南与实用技巧

如何精通编程语言：全面指南与实用技巧 ... [详细]

蜡笔小新 2024-11-07 11:56:01
controller
深入理解网络虚拟化与网络功能虚拟化

本文详细探讨了虚拟化的基本概念，包括服务器虚拟化、网络虚拟化及其在云计算环境中的应用。特别强调了SDN技术在网络虚拟化和云计算中的关键作用，以及网络虚拟化技术如何提升资源利用效率和管理灵活性。 ... [详细]

蜡笔小新 2024-12-09 20:01:17
controller
ABT 钱包正式全球发布，引领数字身份自主新时代

2023年5月20日凌晨5:20（北京时间），由区块链技术和去中心化应用平台ArcBlock（区块基石）研发的ABT钱包移动应用程序，在苹果App Store和Google Play同步上线，标志着用户在数字世界中首次能够完全掌控自己的身份。 ... [详细]

蜡笔小新 2024-12-08 16:58:51
uri
解决 Rails new 命令卡顿问题

在使用 Rails new 创建新项目时遇到长时间无响应的问题，本文提供了解决方案和建议。 ... [详细]

蜡笔小新 2024-12-04 20:10:34
uri
Sass 语法入门与实践

Sass 是一种 CSS 的预处理器，通过使用变量、嵌套、继承等高级功能，使得 CSS 的编写更加灵活和高效。本文将介绍 Sass 的基本语法及其安装使用方法。 ... [详细]

蜡笔小新 2024-11-29 09:55:54
version
Unable to Establish Connection with GitHub for Updating the CocoaPods/Specs Repository

在安装 iOS 开发所需的 CocoaPods 时，用户可能会遇到多种问题。其中一个常见问题是，在执行 `pod setup` 命令后，系统无法连接到 GitHub 以更新 CocoaPods/Specs 仓库。这可能是由于网络连接不稳定、GitHub 服务器暂时不可用或本地配置错误等原因导致。为解决此问题，建议检查网络连接、确保 GitHub API 限制未被触发，并验证本地配置文件是否正确。 ... [详细]

蜡笔小新 2024-11-09 11:44:58
version
为何数据库设计中应谨慎考虑外键的使用：9个关键原因

在数据库设计中，谨慎使用外键至关重要。本文探讨了九个关键原因，包括数据完整性的维护、性能优化、系统复杂性的管理、数据迁移的灵活性以及对外部系统的依赖性控制。通过深入分析这些因素，可以帮助开发人员和架构师做出更明智的设计决策，确保数据库系统的高效与稳定。 ... [详细]

蜡笔小新 2024-11-04 10:46:54

少女24梦_276

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章