1. scss
(1) 下载
npm install sass-loader node-sass --save
(2) 在style上添加语言
<style lang="scss">
$color:blue;
.main{
color:$color;
}
(3) sass穿透
加了scoped是局部的,想修改某组件的css全局样式,是无法修改成功,所以此时想修改,需要使用sass样式穿透
父元素 /deep/ 子元素
2. stylus
(1)下载
npm install stylus stylus-loader --save
(2) 在style上添加语言
<style lang="stylus">
(3) stylus样式穿透
方法一: 父元素 /deep/ 子元素
方法二: 父元素 >>> 子元素