在CSS中选择所有包含图像的段落

在CSS中，我们可以使用众多选择器来选取HTML文档中的元素，并为它们设置样式。而要选择所有包含图像的段落，我们可以使用以下的CSS选择器：

p:has(img)

此选择器使用了CSS4中的新语法“:has()”，该语法允许我们选择拥有特定子元素的父元素。在本例中，我们要选取所有包含图像的段落，因此我们将“:has()”选择器的参数设置为“img”，这将会选取所有包含有图像的段落元素。

以下是一个完整的示例：

<p>这是一段纯文本</p>
<p>这是一段包含<img src="example.jpg" alt="example" />图像的段落</p>
<p>这是另一段纯文本</p>
<p>这是另一段包含<img src="example2.jpg" alt="example2" />图像的段落</p>

p:has(img) {
  border: 1px solid black;
}

在上面的示例中，我们设置了所有包含图像的段落元素的边框样式为1像素的黑色实线。

总的来说，在CSS中选择所有包含图像的段落是一件比较容易的事情，只需要使用“:has()”选择器即可简洁明了地实现。