TryCoding.FunTryCoding.Fun
  • 文章
  • 项目
  • 归档
  • 关于
搜索... ⌘K
Home Work Blog Projects
返回博客

Vue 深度 CSS 选择器

本文介绍 Vue 中深度 CSS 选择器的使用方法,包括 `::v-deep` 的用法以及一些示例代码,例如如何使用 `::v-deep` 选择器修改 van-cell 组件的样式。

全部 前端 (393) 运维 (77) 技术 (71) 后端 (25) 数据库 (10) 生活 (1)
2021年11月11日
Mt.r
|
#JavaScript #Vue

Mark 一下

.register::v-deep .van-cell::after {
  border-bottom: 0;
}

.register::v-deep .van-cell {
  padding: 0;
  margin-bottom: 20px;
}

::v-deep .child-class {
    background-color: #000;
}

::v-deep(.child-class) {
    background-color: #000;
}

参考文章

  • How do I use /deep/ or >>> or ::v-deep in Vue.js?
  • Scoped CSS
上一篇
JS 携带参数下载文件
本文介绍了使用 Axios 和 Fetch 在 JavaScript 中携带参数下载文件的方法,并提供了相应的代码示例和参考文章链接。
下一篇
Vue 编程式添加组件
本文介绍了多种在 Vue.js 中编程式添加组件的方法,包括使用 `Vue.extend`、`render` 函数以及原生 JS 创建 DOM 元素等方式,并附带了多种代码示例和参考链接,帮助开发者理解和掌握 Vue 组件的动态添加技术。

目录

  • 参考文章

分类

全部文章 577 前端 393 运维 77 技术 71 后端 25 数据库 10 生活 1

热门标签

#JavaScript #Vue #Linux #CSS #Go #CentOS #React #Nginx #Git #HTML #iOS #Mac #MySQL #Jenkins #TypeScript #Python #Docker #C #Webpack #数据库
Trycoding.fun
© 2025 版权所有 京ICP备19000129号-4
文章 项目 归档 关于 GitHub