不同div标签共用同一CSS如何单独修改？WordPress页脚列对齐问题

开发者阿泽

2026-9-25

问题解答

你完全可以直接在WordPress的额外CSS板块完成修改，不需要编辑主题源代码。额外CSS的样式优先级高于主题默认样式，且不会被后续主题更新覆盖，是自定义样式修改的最优选择。

你之前在浏览器inspector中修改样式时改动作用于所有列，是因为你选中的是所有列共用的通用类名，只要使用CSS结构选择器选中指定列单独设置样式即可实现需求，具体操作步骤如下：

操作步骤

打开浏览器开发者工具（按F12快捷键，或右键页脚区域选择「检查」），点击任意页脚列，在元素面板中查询两个关键类名：页脚所有列的父容器类名（常见为footer-columns、site-footer-grid等）、每列共用的通用类名（常见为footer-col、footer-widget等）
替换下方示例代码中的占位类名为你查询到的实际类名，4列结构下第2、3列为中间列，第4列为最右侧列，可按需调整对齐规则：

/* 选中中间两列设置居中对齐 */
.你的父容器类名 .你的列通用类名:nth-child(2),
.你的父容器类名 .你的列通用类名:nth-child(3) {
  text-align: center;
}
/* 选中最右侧列设置右对齐 */
.你的父容器类名 .你的列通用类名:nth-child(4) {
  text-align: right;
}