CSS定位所有未跟随img标签的p

时间:2018-06-20 13:34:00

标签: html css css-selectors

如果有一些文字,我希望“ 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;
}

0 个答案:

没有答案