Question

我希望动态修改p元素的padding-bottom。

在内容流动的博客文章中，例如（段落）（段落）（图片）（图片）（段落），我想在（段落）（图像）之间填充30px但是（段落之间）只有15px填充）（段）。

该网站建立在wordpress上，每当内容以这种方式布局时，都需要动态分配这种间距原则。

有什么建议吗？可以吗？谢谢！

Answer 1

我认为您正在寻找的是与兄弟选择者相邻的。

根据CSS规范：

相邻的兄弟选择器具有以下语法：E1 + E2，其中 E2是选择器的主题。选择器匹配E1和E2 在文档树中共享同一个父级，E1紧接在之前 E2，忽略非元素节点（如文本节点和注释）。

在您的情况下，您可以使用以下内容：

p + p {
    padding-top: 15px;
}

p + img {
    padding-top: 30px;
}

以下是一个完整的示例：http://jsfiddle.net/6fyht2be/