使用相同 CSS 的不同 div 标签 - 我该如何更改它？

Question

我在设置页脚样式时遇到问题。页脚用 HTML 分成 4 列，所有列都使用相同的 CSS 样式

我要做的就是将右栏文本向右对齐，并将中间栏文本居中。

在检查器中，当我尝试更改文本对齐方式时，它已应用于所有列。有没有办法可以在 WordPress 的附加 CSS 部分中更改此设置，或者我是否必须编辑此网站主题的代码？

Answer 1

尝试使用 ID 作为选择器来仅定位一列，如下所示：

#text-5 {
  text-align: right;
}

Answer 2

尝试为每个要自定义的列添加特定的 class。这样每一列都会继承主要的class(.mkdf-column-content)样式，同时也会有新增的样式。

另一种方法是在 .mkdf-column-content class 上使用伪选择器，例如：

.mkdf-column-content:nth-child(3) {
  text-align: right;
}