html - 图片前的 CSS 定位元素

Question

在我的 wordpress 帖子中，我混合了图像和文本。我有以下代码，它针对图像后的内容以应用特定的 css。

#single-pg p{padding:0 20px; margin-top:0;}

#single-pg img + p{ margin-top:30px; background:red;}

#single-pg img + h1{ background:blue;}

#single-pg img + blockquote{ background:orange;}

我希望能够对图像之前的内容做类似的事情(例如，将 margin-bottom: 30px 应用到 p)，但只有当它是图像之前的最后一个元素时才可以

我认为以其父为目标不会解决问题。我只想定位图像之前出现的任何元素，我只是无法预先确定那是什么

Answer 1

您不能定位前一个元素，但作为解决方法(如果边距是您想要的)，您可以将边距应用于 img，如果它遵循p

#single-pg p + img{margin-top:30px;}