OceanWP主题Trustindex谷歌评论插件CSS背景样式不生效问题

• 优先级加载顺序问题：Trustindex谷歌评论插件的前端样式加载时机晚于OceanWP主题自定义CSS的输出位置。你写的规则里color属性没有被插件同权重、带!important的晚加载规则覆盖，所以能生效；但background-color属性插件本身就设置了带!important的同权重规则，加载更晚就会覆盖你写的属性。
• 背景渐变遮挡：这类评论小部件默认会给评论卡片的.ti-inner节点添加background-image线性渐变装饰层，就算你设置了纯色背景色，只要没有清除渐变属性，渐变层会盖在纯色背景上方，视觉上看起来就是背景色完全没有生效。

按优先级从高到低尝试以下操作：

1. 替换原有的自定义CSS代码，用background简写属性一次性重置所有背景相关规则，清除渐变干扰，代码如下：

.ti-widget.ti-goog .ti-review-item > .ti-inner {
    border-width: 2px !important;
    background: #bbbbbb !important;
    color: green !important;
}

用简写的background属性会同时覆盖background-color、background-image、background-position等所有背景相关规则，直接清掉插件默认的渐变层。

2. 如果替换代码后仍不生效，是主题自定义CSS栏的输出优先级不够，将代码挪到WordPress后台「外观-自定义-额外CSS」栏保存，这个位置的CSS是WordPress核心统一输出的，加载优先级高于主题自定义CSS栏和大部分插件的默认样式位置。

3. 如果上述操作仍无效，可手动提高选择器权重，把选择器改为body .ti-widget.ti-goog .ti-review-item > .ti-inner，权重高于插件默认的选择器，就不会被后续加载的插件样式覆盖。也可以直接打开浏览器开发者工具选中对应评论卡片节点，在「计算样式」面板找到background-color项，查看具体是哪条规则覆盖了你的自定义样式，再针对性调整即可。

内容的提问来源于stack exchange，提问作者AndreasInfo