Question

我已经编辑了我的自定义CSS以包含::selection{color: white; background: #2f3f58;}或多个类似的变体，包括复制/粘贴，然后编辑来自W3Schools，W3C，堆栈溢出和其他网站的代码。代码什么也没做。我正在使用http://alxmedia.se/themes/hueman/ Hueman主题，它几乎完全相同的代码似乎正在工作。所以我将此代码复制到我的自定义CSS中并对其进行了编辑，但这也无效。最后，我禁用了与选择相关的主题CSS。无论我做什么，我的选择颜色都是主题选项菜单中的相同红色设置作为主要颜色。该红色的十六进制不在主题CSS中，但在我替换的注释掉的选择元素中除外。有没有办法使用不是::slection:元素的CSS覆盖高亮颜色，或者我使用错误的元素？

现在代码

::selection {
    color: white !important; 
    background-color: #2f3f58 !important;
}

非常感谢@citizenen，这是一个很好的建议

Answer 1

这是选择颜色的正确元素。你可以使用＆＃34;！important＆＃34;财产提高特异性，强迫风格超越他人。也可以使用＆＃34; background-color＆＃34;而不只是＆＃34;背景＆＃34;。尝试将其更改为：

::selection {

color: white !important; 
background-color: #2f3f58 !important;

}

更多信息！重要的是：http://www.smashingmagazine.com/2010/11/02/the-important-css-declaration-how-and-when-to-use-it/

您缺少CSS文件（custom.css）中的右括号，这样可以防止该点后的样式正确应用。将来，将您的代码复制到Lint（http://csslint.net/）之类的工具中，它会为您找到错误。

干杯！

Wordpress中的主题CSS选择元素冲突

1 个答案: