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

Question

我编辑了我的自定义 CSS 以包含 ::selection{color: white; background: #2f3f58;} 或多个类似变体，包括 copy/pasting，然后编辑来自 W3School、W3C、stack overflow 和其他站点的代码。代码什么都不做。我正在使用 http://alxmedia.se/themes/hueman/ Hueman 主题，它具有几乎完全相同的代码，似乎可以正常工作。所以我将这段代码复制到我的自定义 CSS 中并对其进行了编辑，但也没有用。最后，我禁用了与选择相关的主题 CSS。无论我做什么，我的选择颜色都是主题选项菜单中设置的相同红色作为主要颜色。该红色的十六进制不在主题 CSS 中，但在我要替换的注释掉的选择元素中除外。有什么方法可以使用不是 ::slection: 元素的 CSS 覆盖突出显示颜色，还是我使用的元素有误？

代码现在是

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

非常感谢@citizenen 非常棒的建议

Answer 1

这是选择颜色的正确元素。您可以使用 "!important" 属性来提高特异性并将样式强加于其他样式。还可以使用 "background-color" 而不是 "background"。尝试将其更改为：

::selection {

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

}

有关 !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 选择元素冲突

Theme CSS selection element conflict in Wordpress

html

css

wordpress

wordpress-theming

selection