html - 简码 Ultimate DIV 颜色

Question

我使用 Wordpress 和 Shortcodes Ultimate，目前我正在使用名为“service”的简码。它显示带有标题和图标的文本。

我的目的是在鼠标悬停在服务区上时改变背景颜色和文字颜色。我分析了我页面的 HTML 代码，发现“服务”短代码有两个 DIV 元素:su-service-title、su-service-content。

因此，在我的 CSS 文件中我写道:

.su-service-content:hover, .su-service-title:hover{
    background-color: #2680BE;
    color: white;
}

背景在标题和内容元素中都正确显示，但白色文本仅在标题中正确显示:内容文本颜色不会改变。用于内容文本的样式标题是 h3。

这是我正在处理的页面: http://www.cirnu.com/agence-web-corse/

谢谢你的帮助

Answer 1

在模板的 css 中，已经有一个通用的 h3 颜色样式规则。您应该更详细地指定您的选择器以覆盖它:

.su-service-content:hover h3, .su-service-title:hover {
    background-color: #2680BE;
    color: white;
}