Element UI 自定义 CSS 覆盖原生

在使用 Element UI 时，发现有时候可以在控制台利用内置的类来改变节点元素样式，但是当数据一多就无法利用了（即，无效利用），并且，在无效后在其上添加会发现，添加的样式处于所需要绑定的上层，故又无效。

出现问题

自定义样式，无法覆盖原生样式：

<style scoped>
.el-collapse-item__content {
  padding-bottom: 5px;
}
</style>

问题原因

style 样式的优先度 > 类的优先度，故无法绑定所需，只能赋予其上层样式。

解决方案

在局部样式中，利用 element-ui 中内置样式设置自定义样式前加上 /deep/

<style scoped>
/deep/ .el-collapse-item__content {
  padding-bottom: 5px;
}
</style>

将原有内置样式替换自定义样式，搞定 ！