仅在页脚更改文本选择颜色

Question

我正在寻找一种方法来改变页脚的文字选择颜色，使其与其他地方的选择颜色不同。整个网站的选择颜色是 #fff200而文本是 #241f51我希望能够改变页脚的选择颜色，使其与网站其他部分的颜色相反，这样当在页脚选择文字时，背景就会变成蓝色(#241f51)，而文字就会变成黄色(#fff200)。有什么办法可以让我用css或者其他方法来实现这个目标吗？

我完全不知道如何解决这个问题，而且当涉及到网站时，我对我正在做的事情也只有一点头绪。我在Wordpress中使用一个名为BeTheme的主题网站建设者。

提前感谢你的任何帮助。

请看我网站上的照片为例。

网站整体的选择颜色是 #fff200而文本是 #241f51我想在页脚上反过来，让选中的文字与页脚的背景色有一个很好的对比。

Answer 1

你有没有试过这样的方法？

::selection{
 background-color:yourColor;
}
footer ::selection{
 background-color:otherColor;
}

其实这个对我来说挺好用的。

Answer 2

是的，你可以针对特定部分的伪元素，覆盖默认样式（增加了对某些Mozilla浏览器的兼容性）。将 "footer "替换为你的页脚的特定包装类或标签。例如："footer "用特定的包装类或标签代替。

        ::-moz-selection {
            background: #fff200;
        }
        ::selection {
            background: #fff200;
        }

        .footer ::-moz-selection {
            background: #241f51;
            color: #fff200;
        }
        .footer ::selection {
            background: #241f51;
            color: #fff200;
        }