页脚不支持CSS样式表

时间:2020-03-15 作者:Hind Dev

我是wordpress开发的新手,我尝试编辑我的第一个博客,编辑菜单并不痛苦,但页脚不尊重css代码,尽管样式表是相同的。

下面是将css样式表文件排入队列的代码:

function load_stylesheets() {
/* loading my own stylesheet */
wp_register_style(\'style\', get_template_directory_uri() . \'/css/mainstyle.css\', array(), false, \'all\');
wp_enqueue_style(\'style\');
}
add_action(\'wp_enqueue_scripts\', \'load_stylesheets\');
这是我显示页脚的地方:

<footer class="footer">
<div class="container">
    <div class="row">
        <div class="footermenu col-md-4 col-xs-12 text-right">
            <?php if (has_nav_menu(\'footer-menu\')) : ?>
                <nav><?php
                    wp_nav_menu(
                            array(
                                \'theme_location\' => \'footer-menu\',
                                \'menu_class\' => \'footermenu\'
                            ));
                    ?>
                </nav>
            <?php endif; ?>
        </div>
     </div>
   </div>
</footer>
<?php wp_footer(); ?>
以下是我尝试进行一些样式更改的方式:

footer .footer {  
background-color: #3a9dca;
}
.footermenu ul {
list-style-type: none;
}

1 个回复
最合适的回答,由SO网友:Mikhail 整理而成

这只是css的误解。如果要选择elementname.classname 这意味着您要按特定类的类型选择元素,如下面的固定示例所示,但在footer.footer 这样,规则需要这样的标记

<footer> <div class="footer"></div> </footer>
这应该行得通。

footer.footer {  
    background-color: #3a9dca;
}
footer .footermenu ul { /* i\'ve added footer prefix here just for explicity - it was right before as well but it wasn\'t more specific as it is now */
    list-style-type: none;
}