在使用element 的el-popover 组件时，会发现自己对el-popover 写的样式不起作用，甚至连使用

::v-deep

‘>>>’

/deep/

行内Style

这四种样式穿透都不起作用， 这是因为 el-popover生成的div不在当前组件之内，甚至不在App.vue组件的div内，他和App.vue组件的div平级。所以需要全局设置style

首先给它添加一个特定的类名 , 千万别重复 , 语义命名以免样式污染

在当前文件样式中 不加scoped写一份 

<el-popover
  placement="bottom"
  width="320"
  trigger="hover"
  popper-class="message-popover"
>
</el-popover>

<style lang="scss">
.el-popper[x-placement^=bottom]{
  margin-top: 0 !important;
}
.message-popover{
  padding: 0 !important;
}
</style>

# vue.js # elementui # javascript
GitHub 加速计划 / eleme / element
14
2
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支：2 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo
GitCode 开源社区

新一代开源开发者平台 GitCode，通过集成代码托管服务、代码仓库以及可信赖的开源组件库，让开发者可以在云端进行代码托管和开发。旨在为数千万中国开发者提供一个无缝且高效的云端环境，以支持学习、使用和贡献开源项目。

更多推荐

Rust编译时计算：`const` 函数、泛型与高级类型体操

摘要： Rust的编译时计算机制通过const函数、泛型和类型体操实现零成本抽象和错误预防。const fn允许纯净计算在编译期执行，支持控制流和断言检查。const泛型将值参数化到类型系统，实现数组尺寸的类型安全验证。类型级编程利用类型属性和Trait进行编译期逻辑验证。const与宏协作扩展元编程能力，用于构建静态配置数据结构。这些特性共同提升了代码安全性（将运行时错误转为编译错误）和性能（消

avatar GitCode 开源社区
cover

【Rust 探索之旅】Rust 微服务架构实战：构建百万级高并发电商系统

avatar GitCode 开源社区

Rust类型系统奇技淫巧：幽灵类型（PhantomData）——理解编译器与类型安全

Rust类型系统高阶技巧：幽灵类型PhantomData深度解析 PhantomData是Rust中一种零开销的编译期标记类型，用于在缺乏实际字段时维护类型系统的契约。它不占用内存，但能显著影响编译器对所有权、生命周期和并发安全的分析。 核心用途包括： 绑定生命周期参数（如PhantomData<&'a T>） 模拟所有权关系（如PhantomData<T>） 控制

avatar GitCode 开源社区