如何用CSS隐藏WP Table Builder表格首行且不影响奇偶行样式

下面的代码适配WP Table Builder生成的表格，同时支持调整为通用表格方案：

/* 精准隐藏表格首行，不会影响其他同class行元素 */
.wptb-preview-table tbody tr:first-child {
    display: none !important;
}

/* 跳过隐藏的首行计算奇偶行，保证移动端、桌面端斑马纹背景显示正常 */
.wptb-preview-table tbody tr:nth-child(n+2):nth-child(odd) {
    background-color: #f5f5f5; /* 替换为你原有奇数行的背景色值 */
}
.wptb-preview-table tbody tr:nth-child(n+2):nth-child(even) {
    background-color: #ffffff; /* 替换为你原有偶数行的背景色值 */
}

方案说明 #

• 用tr:first-child伪类精准选中tbody下的首个行元素，仅隐藏目标表头行，不会误隐藏其他表格行
• nth-child(n+2)选择器会自动跳过第一个隐藏的行做奇偶计数，和你原有斑马纹逻辑完全匹配，不需要调整色值顺序
• 通用适配方法：将代码中的.wptb-preview-table替换为任意表格的类名，即可适配其他表格场景

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