vue中各种模式下css的穿透写法

根据不同的样式文件，有不同的vue样式穿透写法。

stylus的样式穿透：三个右尖括号（>>>）
使用方法：外层类 >>> 目标类{ 样式列表}

.main {
	>>> .content {
　　	display:flex;
　　	justify-centont: center;
　　	align-items: center;
	}
}
 

less的样式穿透：/deep/
使用方法：外层类 /deep/ 目标类{样式列表}

.main {
	/deep/ .content {
　　	display:flex;
　　	justify-centont: center;
　　	align-items: center;
	}
}

sass/scss的样式穿透样式穿透：::v-deep
使用方法：::v-deep 目标类{样式列表}

.main {
	::v-deep .content {
　　	display:flex;
　　	justify-centont: center;
　　	align-items: center;
	}
}