sass的安装
1、当ruby安装完成后，在自己电脑开始菜单下面找到ruby的控制台"cmd";
2024年08月17日
# 学会Sass的高级用法，减少样式冗余：提升Web前端效率与优雅编码的艺术
**引言：冗余CSS之痛与Sass的优势**
在Web开发的日常工作中，样式表(CSS)的冗余问题一直是困扰前端工程师的痛点。重复的CSS规则不仅加大了文件体积，影响网页加载速度，还使得代码难以维护。幸运的是，Sass作为一种强大的CSS预处理器，通过引入变量、嵌套、混合宏等诸多高级特性，能够极大地帮助我们减少样式冗余，提高代码可读性和复用性。本文将以实际例子详解Sass的高级用法，助您成为更高效的前端开发者。
2024年08月17日
scss说明白点，就是，有一个sass对css进行了扩展，但是好像一种新的编程语言，学习成本较高，于是有了scss，会css的人，一看scss，就明白怎么用了，就是这样一个代替css的解决方案。使用它对大型组件化开发的项目很有用，最简单的就是换皮肤，让一键换肤变得很容易，开发起来也比较清晰
2024年08月17日
如果文章样式不是很理想，在阅读上带来了很多障碍，有问题可以在下面回复给我，我会一个一个处理，建议头条添加上源码文档
如果你已经进入文章了，那么你可能对SASS有一些了解，或者正在想要学习了解它。本文将带你了解SASS的安装过程：
演示环境：操作系统：window7 64位
2024年08月17日
最近想做一个切换主题的功能，但是发现scss和less使用起来还有些区别，写完之后自己总结了一些，大家可以看看。
less篇 请移步vue使用less切换主题
1、scss切换
2024年08月17日
react：https://react.nodejs.cn/reference/react/hooks
antd：
2024年08月17日
Sass 允许我们将以与html相同的方式嵌套css选择器，将一套 CSS 样式嵌套进另一套样式中，内层的样式将它外层的选择器作为父选择器，比如：
// .scss语法#main { width: 97%; p, div { font-size: 2em; a { font-weight: bold; } } pre { font-size: 3em; }}// 编译为.css#main { width: 97%; }#main p, #main div { font-size: 2em; }#main p a, #main div a { font-weight: bold; }#main pre { font-size: 3em; }2024年08月17日
2024年08月17日
本节我们学习 Sass 中的嵌套，嵌套大家应该不陌生，在 HTML 中就支持标签的嵌套。Sass 中允许一个 CSS 样式嵌套进另一个样式中，内层样式仅适用于外层样式的选择器范围内。