我正在设计一个帖子为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)。