Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/wordpress/13.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html wordpress生成的css未应用_Html_Wordpress_Css_Css Selectors - Fatal编程技术网

Html wordpress生成的css未应用

Html wordpress生成的css未应用,html,wordpress,css,css-selectors,Html,Wordpress,Css,Css Selectors,我对wordpress生成的HTML有一个问题-我不知道如何使用css来定位它。我在footer.php中创建了一个页脚菜单: <?php /* main footer file */ ?> <footer> <div id="oblaci"></div> <div class="footer-nav"> <div id="footer-logo"> <a href="#">&l

我对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>

我正试图将ul(#menu footer nav)作为目标,它是由下面图像上的wordpress元素用css生成的,并设置属性:#menu footer nav{width:auto; 高度:自动; 背景:无}

它可以在chrome中的开发工具上运行,但我无法应用它。

如果Wordpress将一个ID附加到nav(正如它所做的那样),您只需将它在CSS中提供的ID/类作为目标即可。在这种情况下:

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

如果Wordpress将一个ID附加到nav(正如它所做的那样),那么您只需将它提供给CSS的ID/类作为目标即可。在这种情况下:

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

您必须使用比默认情况下使用的选择器具有更高特定性的选择器。那么,试试这个:

footer div.menu-footer-nav-container > ul#menu-footer-nav.footer-nav { ... }
请注意,写空格和非空格的方式与此完全相同:它是
ul
元素,具有class
.footer nav
和ID
#menu footer nav
,它是
div
和class
的直接子元素。menu footer nav container
位于内部(不一定是直接子元素)
页脚
元素


这结合了我在你的截图中看到的一切。如果仍然不适用,请添加
!对于单个设置很重要,但我认为您不需要。

您必须使用比默认情况下使用的选择器具有更高特定性的选择器。那么,试试这个:

footer div.menu-footer-nav-container > ul#menu-footer-nav.footer-nav { ... }
请注意,写空格和非空格的方式与此完全相同:它是
ul
元素,具有class
.footer nav
和ID
#menu footer nav
,它是
div
和class
的直接子元素。menu footer nav container
位于内部(不一定是直接子元素)
页脚
元素


这结合了我在你的截图中看到的一切。如果仍然不适用,请添加
!对于单个设置很重要,但我认为您不需要它。

您使用的是wp_nav_menu()函数,它将在获取指定菜单时生成大量列表项。您可以在中找到更多详细信息。

您正在使用wp_nav_menu()函数,该函数将在获取指定菜单时生成大量列表项。您可以在中找到更多详细信息。

图像和屏幕截图可以很好地添加到帖子中,但请确保没有它们的帖子仍然清晰有用。如果您发布代码或错误消息的图像,请确保您也将实际代码/消息复制粘贴或直接键入到帖子中。图片和截图可以很好地添加到帖子中,但请确保没有它们的帖子仍然清晰有用。如果你发布代码或错误消息的图片,请确保你也可以直接复制、粘贴或在帖子中键入实际的代码/消息;尝试了多种解决方案:#菜单页脚导航ul{width:auto;height:auto;background:none;}或.footer导航#菜单页脚导航{}etcI上载了它,但它不工作;尝试了多种解决方案:#菜单页脚导航ul{width:auto;height:auto;background:none;}或.footer导航#菜单页脚导航{}etchmm-如果您标记为已接受的答案已经有效,您不需要
!重要信息
请参阅所有。。。(因为我的解决方案包含该选择器,并将其与更多选择器结合以实现更高的特定性)嗯-如果您标记为已接受的答案已经起作用,您不需要
!重要信息
请参阅所有。。。(因为我的解决方案包含该选择器,并将其与更多选择器组合以实现更高的特定性)