垂直对齐主菜单与徽标

Question

我知道之前已经问过这个问题我正在使用过去的解决方案编辑我的代码，但我的代码不会反映我所做的任何更改。

我想将主菜单与我的徽标垂直对齐。我已经尝试将vertical-align：middle代码添加到此css中，但它无法正常工作。 我也尝试将填充顶部增加到25像素，但在更新CSS后没有反映出来的变化。

此外，我打开了Google Chrome检查器，并在那里调整了代码，它确实将更改应用于填充，但就像我说的，当我尝试更新填充并将其保存在我的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