WordPress子主题下如何移除指定CSS规则避免主题更新重置

既然已经安装了子主题，直接在子主题的样式表中添加覆盖规则即可，父主题更新不会影响子主题的修改。

具体操作步骤： #

1. 登录WordPress后台，进入「外观」>「主题文件编辑器」
2. 在右侧文件列表中找到子主题的样式表 (style.css)
3. 拉到文件末尾，添加以下CSS代码：

/* 修复滚动时克隆头部左对齐问题 */
div.whb-flex-flex-middle .whb-col-center {
    flex: 0 0 auto !important;
}

补充说明： #

• 使用!important是为了确保这条规则的优先级高于父主题header-base-min.css中的原规则，保证覆盖生效。
• 如果不想用!important，可以尝试使用更精确的选择器（克隆头部通常会带专属类，比如.whb-clone），写成：

div.whb-clone.whb-flex-flex-middle .whb-col-center {
    flex: 0 0 auto;
}

通过更具体的选择器提升优先级，同样能达到效果。

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