WordPress中CF7的Conditional Fields Pro重复组格式不一致求助

排查与修复步骤 #

• 规范重复组的容器结构
  确保所有重复组都使用完全一致的HTML容器包裹（比如<div class="cf7-repeat-group">），Conditional Fields Pro对容器嵌套规则要求严格，第一个组的结构必须和后续动态生成的组完全匹配，避免出现标签漏写、错写的情况。
• 清理表单冗余HTML标签
  打开CF7表单编辑器，删除自动生成的多余<p>、<br>标签，改用自定义块级元素排版。同时在CF7设置中关闭「自动添加段落」选项，防止插件自动插入的标签打乱重复组布局。
• 修正CSS选择器特异性问题
  若为重复组写了自定义CSS，检查是否用了只匹配第一个组的选择器（比如:first-child、固定ID），这类选择器会导致后续组样式失效。将选择器改为通用类名（如.cf7-repeat-group），确保所有重复组都能应用样式。
• 排查插件冲突
  临时禁用除CF7和Conditional Fields Pro外的所有插件，尤其是缓存、代码优化类插件——这类插件可能篡改重复组的动态生成代码。若恢复正常，再逐个启用插件定位冲突源。
• 重置重复组配置
  删除当前重复组配置后重新创建：先添加基础组，再设置重复规则（最多5次），确保触发条件与第一个问题的答案绑定正确，组内不要嵌套额外的条件逻辑。
• 验证主题兼容性
  切换到WordPress默认主题（如Twenty Twenty-Four）测试，若格式恢复正常，说明是当前主题的CSS与重复组冲突。给重复组添加自定义类名，编写针对性CSS覆盖主题样式。

基础样式参考（解决布局错乱） #

如果是样式缺失导致的问题，可添加以下CSS统一重复组布局：

.cf7-repeat-group {
  margin: 1.5em 0;
  padding: 1em;
  border: 1px solid #eee;
  border-radius: 4px;
}
.cf7-repeat-group label {
  display: block;
  margin-bottom: 0.5em;
  font-weight: 500;
}
.cf7-repeat-group input, .cf7-repeat-group textarea {
  width: 100%;
  padding: 0.8em;
  box-sizing: border-box;
}

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