技术栈
预处理器
赢乐
1 年前
css
·
sass
·
预处理器
·
sass-loader
·
node-sass
·
按需引入
·
全局mixin
vue3中安装并使用CSS预处理器Sass的方法介绍
Sass（Syntactically Awesome Style Sheets）是一种CSS预处理器，它扩展了CSS的功能，提供了更高级的语法和特性，例如变量、嵌套、混合、继承和颜色功能等，这些特性可以帮助开发者更高效地管理和维护样式表。Sass语法是基于缩进（缩进花括号）的，它与传统的CSS语法类似，但添加了一些额外的规则和语法结构。Sass代码需要编译成CSS代码才能在浏览器中呈现。
赢乐
1 年前
css
·
less
·
scss
·
样式穿透
·
scoped
·
deep
·
预处理器
前端开发中利用css的scoped和deep的方法实现样式穿透
在vue中，我们为了避免父组件的样式影响到子组件的样式，会在style中加我们在加了 scoped 之后样式会自动添加一个hash值，如下：