使用scoped后,局部样式,不会影响到全局样式。

如果想在使用了scoped不污染全局样式的情况下,修改局部组件的样式,可以使用深度选择器。

该命令的用法比较简单,比如:

1
>>> 或者 /deep/ 或者 ::v-deep

less中一般使用 >>> 或 /deep/

scss中一般使用 ::v-deep

1
2
3
4
5
6
7
8
<style scoped>

::v-deep .el-tree-node {
border-left: none;
border-right: none;
border-bottom: none;
}
</style>

(完)