vue中私有样式(scoped)中修改其他组件的样式
生活随笔
收集整理的这篇文章主要介绍了
vue中私有样式(scoped)中修改其他组件的样式
小编觉得挺不错的,现在分享给大家,帮大家做个参考.
1、使用">>>"符号更改其他组件的样式
例如
<style lang="stylus" scoped> .a >>> .b /*样式*/ </style> 2、当lang = less or sass 时 解析不了">>>"符号,则使用 /deep/例如
<style lang="less" scoped> .a /deep/ .b { /*样式*/ } </style> 3、.vue界面中使用两个style标签 ,一个加scoped,一个不加例如
<style lang="less">
</style> <style lang="less" scoped> </style>转载于:https://www.cnblogs.com/ruishuiweixiang/p/9285240.html
与50位技术专家面对面20年技术见证,附赠技术全景图总结
以上是生活随笔为你收集整理的vue中私有样式(scoped)中修改其他组件的样式的全部内容,希望文章能够帮你解决所遇到的问题。
- 上一篇: Python string生成随机数
- 下一篇: 使用Vue.js初次真正项目开发-201