Html wordpress生成的css未应用
我对wordpress生成的HTML有一个问题-我不知道如何使用css来定位它。我在footer.php中创建了一个页脚菜单: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
<?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-如果您标记为已接受的答案已经有效,您不需要!重要信息
请参阅所有。。。(因为我的解决方案包含该选择器,并将其与更多选择器结合以实现更高的特定性)嗯-如果您标记为已接受的答案已经起作用,您不需要!重要信息
请参阅所有。。。(因为我的解决方案包含该选择器,并将其与更多选择器组合以实现更高的特定性)