如何使用CSS选择给定元素组合的相邻兄弟?

时间:2017-04-19 14:17:14

标签: html css css-selectors

我正在设计一个帖子为Markdown格式的博客。转换为HTML时,图像将包含在<p>标记中。图像后面的第一段是标题,需要应用特定的样式。

例如:

<p>Regular paragraph.</p>
<p><img src="/images/puppy.jpg" alt="Puppy" /></p>
<p>This is the caption.</p>
<p>Another paragraph.</p>

有没有办法只选择其中带有<img>标记的段落后面的段落?也许是这样的事情? (除非它不起作用。)

p img + p {
  text-decoration: underline;
}

如果我不必这样做,我不必进入所有帖子并手动为所有字幕添加课程。

编辑:这是使用Redcarpet(3.4.0)的Middleman博客(4.2.1)。

0 个答案:

没有答案