样式穿透具体可分为css、less以及scss,语法不同,具体语法如下所示。
css样式穿透:
<style scoped>
父元素 >>> 子元素 {
color: red;
}
</style>
less样式穿透:
<style lang="less" scoped>
父元素 /deep/ 子元素 {
color: red;
}
</style>
scss样式穿透:
<style lang="scss" scoped>
父元素 ::v-deep 子元素 {
color: red;
}
</style>