网站加载时 CSS 失去作用答案

【问题标题】：CSS loosing its effect while site loads网站加载时 CSS 失去作用
【发布时间】：2014-09-08 13:15:43
【问题描述】：

如您所见，在背景图像出现之前，右侧列表的元素是白色的。我不知道我应该提供哪些文件来回答我的问题。我会按照你的要求编辑它们。

我使用主题设计器提供的 custom.css 文件更改了元素的颜色。

#main > div > div.sidebar.sidebar1.box.sidebar_absolute > div > div:nth-child(1) > div > div > ul > li.page_item > a{
color: #FFF;
}

#main > div > div.sidebar.sidebar1.box.sidebar_absolute > div > div:nth-child(1) > div > div > ul > li:nth-child(1) > a{
color: #FFF;
}

谢谢

编辑：我可以看到上面的规则是活动的，使用 chrome 的 Inspect Element 功能。

【问题讨论】：

标签： html css wordpress themes

【解决方案1】：

将此添加到您的 custom.css

.main_menu .menu a {
    color: #FFF !important;
}

【讨论】：

【解决方案2】：

您需要以某种方式将 custom.css 样式表按 PHP 顺序加载。

主题的 PHP 正在加载基本样式表
然后是背景
然后是 custom.css。

您需要更改该顺序。

【讨论】：

我认为 custom.css 应该最后加载，这样它就可以覆盖其他的？
@user3194926，是的，没错。它应该在第一个样式表之后，但在背景图像之前加载。