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

Posted 2023-03-21

【中文标题】使用相同 CSS 的不同 div 标签 - 我该如何更改？

【英文标题】：DIfferent div tags using same CSS - how do I change that?

【发布时间】：2021-12-29 06:55:10

【问题描述】：

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

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

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

【问题讨论】：

如果你想对不同的div应用不同的类，你需要在HTML结构中指定这些类。如果所有的 div 具有相同的类，它们将以相同的方式格式化。

您可以在 CSS 中使用 .mkdf-column-content:nth-child() 来处理特定列并保持 HTML 不变。

【参考方案1】：

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

#text-5 
  text-align: right;

【讨论】：

作为初学者，对我来说这是最好的答案，因为它最容易实现！谢谢。

【参考方案2】：

尝试为您要自定义的每一列添加特定的类。这样每一列都会继承主类（.mkdf-column-content）的样式，也会有新添加的样式。

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

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