如果有一些文字,我希望“ p”元素的宽度为50%。但是,如果有图像,则宽度应为100%
<div class="post-body">
<p>
<img src="someimage.jpg" style="width:100%" />
</p>
<p>
Make this p width 50%
</p>
</div>
不幸的是,我无法控制所生成的html,并且由于它是由某些编辑器生成的,因此无法更改它。我无法为每个“ p”分配类,因为我无法控制生成的html。我只能使用CSS。
我在下面尝试过,但是没有用。我确信可以使用非选择器来完成。如果“ p”没有图像作为子元素,则将宽度设置为50%。我在做什么错了?
.post-body p :not(img) {
width: 50% !important;
}