wordpress生成的css未被应用

Question

我对wordpress生成的HTML有问题 - 我不知道如何用css来定位它。我在footer.php中创建了一个页脚菜单：

<?php
/* main footer file */
?>

<footer>
    <div id="oblaci"></div>
    <div class="footer-nav">
    <div id="footer-logo">
    <a href="#"><img src="<?php bloginfo('template_url') ?>/img/koprivko-
min.png"></a>
    </div>
    <?php wp_nav_menu( $arg = array(
            'menu_class'=> 'footer-nav',
            'theme_location' => 'footer'
        )); ?>
</div>
</footer>
<?php wp_footer(); ?>
</body>
</html>

并且我尝试使用css定位ul（＃menu-footer-nav），这是由下面图片上的wordpress元素生成的，并设置属性：＃menu-footer-nav {width：auto; 高度：自动; 背景：无}

它适用于chrome中的开发工具，但我无法应用它。

Answer 1

如果Wordpress将一个ID附加到导航（就像它一样），你只需要定位它在CSS中提供的id / class。在这种情况下：

ul#menu-footer-nav {
    width:auto; 
    height:auto; 
    background:none;
}

Answer 2

您必须使用具有特定的选择器，而不是默认使用的选择器。所以，试试这个：

footer div.menu-footer-nav-container > ul#menu-footer-nav.footer-nav { ... }

小心写下这样的空格和非空格：ul元素是.footer-nav 和 ID #menu-footer-nav，它是直接的div的小孩.menu-footer-nav-container，其中footer元素位于!important元素内部（不一定是直接子元素）。

这结合了我在屏幕截图中看到的所有内容。如果仍然不适用，请将QML object -> object in a different thread // doesn't work!!! QML object -> C++ mediator object -> object in a different thread // WORKS!!! 添加到单个设置中，但我认为您不应该这样做。

Answer 3

您正在使用wp_nav_menu（）函数，该函数会在获取指定菜单时生成多个列表项。您可以在wordpress site中找到更多详细信息。