html - 垂直对齐带有 Logo 的主菜单

Question

我知道之前有人问过这个问题，我正在使用过去的解决方案来编辑​​我的代码，但我的代码不会反射(reflect)我所做的任何更改。

我想将我的主菜单与我的 Logo 垂直对齐。我已经尝试将 vertical-align:middle 代码添加到此 css，但它没有用。 我也尝试将 padding-top 增加到 25 px，但在更新 CSS 后没有反射(reflect)任何变化。

此外，我打开了谷歌浏览器检查器并调整了那里的代码，它确实将更改应用到填充，但就像我说的，当我尝试更新填充并将其保存在我的 style-css 上时，它不会进行更改.

这是我的主菜单的完整代码。

/* 主菜单 */

    .menu-main { padding-top:5px; float:right; }
    /* Menu Elements */
    .menu-main li a { padding:10px; font-size:1.1em; color:#99a; }
    .menu-main li a .menu-description { }
    .menu-main li:hover > a, 
    .menu-main li a:hover { }
     /* Current item highlight both normally and on hover */
    .menu-main .current-menu-ancestor > a, 
    .menu-main .current-menu-item > a { }
    .menu-main .current_page_ancestor > a:hover, 
    .menu-main .current-menu-item > a:hover { }
     /* Children Elements */
    .menu-main .menu-item-has-children:before { color:#ccc; content:'\f107'; font-size:10px; }
    .menu-main li ul { margin:5px 0 0; padding:10px; background:#fff; background:rgba(255,255,255,0.9); border:1px solid #eee; -moz-transition-delay:0.2s; -webkit-transition-delay:0.2s; transition-delay:0.2s; }
    .menu-main > li > ul:before { visibility:hidden; content:' '; opacity:0; margin:0; position:absolute; top:0; left:20px; margin:-11px 0 0; border-bottom:10px solid #ddd; border-left:10px solid transparent; border-right:10px solid transparent; z-index:9999; }
    .menu-main > li > ul:after { visibility:hidden; content:' '; opacity:0; margin:0; position:absolute; top:0; left:20px; margin:-10px 0 0; border-bottom:10px solid #fff; border-left:10px solid transparent; border-right:10px solid transparent; z-index:9999; }
    .menu-main li ul li a { text-transform:none; font-size:0.9em; }
    .menu-main li ul li:hover > a, 
    .menu-main li ul li a:hover { background-color:none; }

Answer 1

我认为这与 CSS 无关。根据您的插件，很可能会缓存您的文件。

WordPress website still loading old style.css