在图像之前的CSS定位元素

时间:2017-07-05 20:07:25

标签: html css

在我的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),但仅限于图像之前的最后一个元素

针对其母公司,我认为不会解决问题。我只想针对图像之前出现的任何元素,我无法预先确定它是什么

1 个答案:

答案 0 :(得分:1)

您无法定位上一个元素,但作为一种解决方法(如果边距是您想要的),如果它跟随{{1},您可以将余量应用于img }}

p