html - 仅向具有动态内容的右侧 css 上的元素添加填充

Question

我有一个 WordPress 网站，其中包含我需要在 Bootstrap 网格中显示的自定义帖子类型。这就是我的意思:

我需要在中心创建一个间距，但显然如果我添加一个 padding-left，它会移动每个元素。我只需要为右侧的元素添加填充。由于内容是动态的，我不能只添加一个类并键入

.right-elements { padding-left: 10px; }

是否有偶数元素或其他东西的 CSS 属性？

(因为这个问题不是很独特，所以我觉得我不应该添加代码，但如果您需要它，请告诉我)

谢谢!

Answer 1

如果您只对修改偶数元素感兴趣，您可以使用 :nth-child()规则:

.my-class:nth-child(even) { padding-left: 10px; }