vue功能:样式scoped的作用
scoped 会给当前组件模板中的所有的元素都添加一个随机的属性
scoped 会给当前组件中所有的样式,添加一个对应的属性选择器
<style lang="scss" scoped>
</style>
vue深度选择器:
官方文档:https://vue-loader.vuejs.org/guide/scoped-css.html#deep-selectors
原理:样式前面使用深度选择器后,就不会在样式前面添加 随机的属性
深度选择器用法:
sass写法: ::v-deep
::v-deep .wrap { margin: 20px; }
less写法:/deep/
/deep/ .wrap { margin: 20px; }
css 写法:>>>
>>> .wrap { margin: 20px; }