deep和v-deep的使用

2,401 阅读1分钟

这两者是使用在当主模块引用子模块时.

主模块上<style scoped lang="scss></style>的scoped限定住了只能修改主模块的样式,而不能修改子模块的.

所以在选择器上可以用/deep/或者::v-deep伸进去操作子元素的样式.

而/deep/不兼容scss,所以用后面的::v-deep更好.

栗子:

直接修改type组件里的li样式,结果:

可以修改.