WP Bakery手风琴激活状态标题文字颜色修改CSS求助

你之前的CSS仅针对标题容器设置了背景色，但WP Bakery手风琴的标题文字通常嵌套在容器内的<a>标签中，直接给父容器设置color无法作用到文字上，需要精准选中文字所在的子元素。

试试下面的代码，保留你已生效的背景色设置同时修改文字颜色：

/* 激活面板的标题背景色（保留原有效代码） */
.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title { 
  background-color: #8B68AC !important;
}

/* 激活面板的标题文字颜色（针对内部a标签） */
.vc_tta.vc_general .vc_tta-panel.vc_active .vc_tta-panel-title a {
  color: #ffffff !important;
}

为什么之前的尝试没效果？ #

WP Bakery手风琴的标题结构里，文字被包裹在<a>标签中，这个标签本身可能带有默认样式，或者其他CSS规则的优先级更高，导致你给父容器设置的color无法覆盖子元素的样式。直接选中<a>标签并添加!important，能确保样式优先级足够生效。

如果仍未生效，打开浏览器开发者工具（按F12），选中激活状态的标题文字，查看Elements面板的Styles标签，找到当前控制文字颜色的CSS选择器，用更具体的选择器（比如追加父元素类名）来覆盖，示例：

.vc_tta.vc_general.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-title a {
  color: #ffffff !important;
}

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