如何修改element UI中导航菜单样式？

Question

默认样式如图，在做响应式时布局时有问题。
现在想修改默认样式，如图是默认样式

想修改padding-left为自定义值，不知道要怎么修改。
之前修改element 样式都是按照他的class重新覆盖样式，但是这个padding是属于什么类呢？没有思路了

Answer 1

这个pandding-left 是写在DOM上的,
样子是这样的
<p style="XXX"><p>
你如果确定不是你自己写的话,那就使用important来覆盖吧.

Answer 2

用浏览器调试工具查看生成的dom结构，查看他的class的类名后覆盖样式就行了。但是需要注意，如果你的样式是标明为scoped的话直接覆盖子组件的样式是无法生效的，需要使用 >>> 选择器来进行覆盖。参见：vue-loader文档，（注：该部分的中文文档尚未同步更新）。

Answer 3

别管这么多了，在页面里面自己重写覆盖，给个class.myClass,然后

<style scoped>
.myClass {
    padding-left: 10px !important;
}
</style>