Vue中如何做样式穿透

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/ 子元素
方法二: 父元素 >>> 子元素