在vue项目中使用了elementUI的navMenu的横向菜单，需要修改菜单的高度，默认是60px，要求是50px。

给所有的 el-menu-item 标签修改了样式，唯独带有二级菜单的，样式就应用不上去。

二级菜单是使用slot添加的，单独给这个slot添加样式，等渲染出来，样式却没有了。

费了不少功夫，算是找到了解决方法。不知道全局引入样式有毛用，朋友说可以，但是我没有试。在此记录一下我的解决方法。

使用深选择器

.el-main .el-menu–horizontal /deep/ .el-submenu .el-submenu__title{
height: 50px;
line-height: 50px;
}

还有另一种写法：

.el-main .el-menu–horizontal >>> .el-submenu .el-submenu__title
{
height: 50px;
line-height: 50px;
}