Style 中的 ‘＞＞＞‘ 与 ‘ /deep/（sass/less）‘介绍

最新推荐文章于 2024-07-12 10:44:17 发布

骨灰级尤雨溪迷弟~

最新推荐文章于 2024-07-12 10:44:17 发布

阅读量1.3k

点赞数 1

分类专栏： css常见面试题合集文章标签： css less

本文链接：https://blog.csdn.net/weixin_43742274/article/details/114543747

版权

css常见面试题合集专栏收录该内容

5 篇文章 0 订阅

订阅专栏

本文介绍了如何使用Vuestyle中的深度选择器`/deep/`和`>>>`来修改 vantUI 的默认样式。示例代码展示了如何调整`.van-skeleton`组件的间距、标题和行的高度，以及`.van-pull-refresh`的最小高度，以实现自定义UI效果。通过这两个选择器，开发者可以更精确地控制组件样式的覆盖，实现个性化定制。

摘要由CSDN通过智能技术生成

Vue style 深度作用选择器

这两个深度选择器的主要作用就行修改UI库中的默认样式

‘>>>’

.page {
  >>> .van-skeleton {
    margin-top: 10px;
  }
  >>> .van-skeleton__title {
    height: 30px;
  }
  >>> .van-skeleton__row {
    height: 30px;
  }
  .van-pull-refresh {
    min-height: 700px;
  }
}