我正在处理一个商业主题,我正在对其进行一些风格更改。具体来说,父主题显示我要修改的菜单。该菜单的代码为:
<div class="mobile-navigation hidden-md hidden-lg">
<div id="close-menu-moblie">
<a href="#">
<i class="icon-close icons"></i>
</a>
</div>
<div class="mobile-menu-container">
<ul id="menu-menu-movil" class="nav-menu mobile-menu">
<li id="menu-item-4723" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-4723 active">
<a href="/" aria-current="page">La Familia</a>
</li>
<li id="menu-item-4724" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4724">
<a href="/tierras.html">La Tierra</a>
</li>
所以我创建了一个子主题,并在其style.css
文件:#menu-menu-movil li > a {
font-weight: 500;
font-family: Poppins, Arial, sans-serif;
}
不可能:网站会忽略我的更改。当我检查HTML时,我看到浏览器正在应用来自父主题的CSS指令,这些指令针对不同的类:.mobile-navigation .nav-menu > li > a {
font-size: 16px;
color: #1a1a1a;
font-weight: bold;
text-transform: capitalize;
}
所以我认为,这是一个与CSS指令冲突的问题,以及它们的特殊性水平或其他什么。。。但是我尝试在WP Admin中打开CSS编辑器"Appearance / Customise / Additional CSS"并将我的更改粘贴到那里。。。而且他们工作。这让我思考:Wordpress从所有可能的地方加载CSS是否有默认顺序?(“附加CSS”、子主题、父主题…)。我似乎记得有,但在谷歌上搜索了一段时间后,我什么也没找到。或者我的问题最终是关于CSS的特殊性?