欢迎访问 生活随笔!

生活随笔

当前位置: 首页 > 前端技术 > vue >内容正文

vue

vue中私有样式(scoped)中修改其他组件的样式

发布时间:2025/3/15 vue 31 豆豆
生活随笔 收集整理的这篇文章主要介绍了 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)中修改其他组件的样式的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错,欢迎将生活随笔推荐给好友。