如何使用less / css仅影响段落中的imgs而没有其他内容？

Question

我正在使用Jekyll将某些博文从markdown格式转换为HTML格式。 一些降价内容如下所示：

The previous paragraph.

![Img I want floated left of the content](xyz.jpg)Some text content to
flowed to the right of the image.

The next paragraph.

Jekyll将此翻译为（大约）：

<p>
    The previous paragraph
</p>
<p>
    <img src="xyz.jpg">Some text content to be flowed to the right of the
    image.
</p>

其他降价内容如下所示：

The previous paragraph.

![Img I want in its own standlone paragraph not floated](abc.jpg)

The next paragraph.

Jekyll将此翻译为（大约）：

<p>
    The previous paragraph
</p>
<p>
    <img src="abc.jpg">
</p>
<p>
    The next paragraph
</p>

这是合乎逻辑的，但并不完全适用于我的目的，因为我想 将一些CSS样式应用于第一种类型的图像，使其漂浮在左侧 文本，所以文本包裹（事实上，我想我想申请 大约float: left; margin-right: 1em;），但不是第二种类型。

（目前我的CSS样式已将float设置为默认值，这意味着第一个 图像类别不会在段落的左边浮动，即使这是 降价的含义）。

有没有办法将一些CSS样式应用于只出现在一个内的<img> <p>旁边没有其他内容？我正在使用less，如果有帮助的话。

或者，还有其他方法可以解决我的问题吗？

我绝对需要考虑输入降价是不变的 - 它正在存在 由自动化过程生成我无法合理地改变。我会比较喜欢 不要修改杰基尔（虽然我愿意接受这种可能性 作为答案）。

Answer 1

:only-child伪类是否有效？

p > img:only-child{
  float: left;
  margin-right: 1em;
}