使用CSS仅调整WordPress帖子中的第一个图像，而不影响任何其他图像

Question

如何使用CSS调整WordPress帖子中仅 第一张图片的大小，而不会影响帖子中的任何其他图片。到目前为止，我已经尝试过这个但没有成功：

.texty p:nth-child(2) > img {
    width: 600px !important;
}

以下是Demo

Answer 1

您正尝试定位第二个p元素，而不是第二个子元素。因此，您应该使用:nth-of-type而不是:nth-child。此外，img元素不是p元素的直接子元素。它是孩子a元素的直接子元素。根据提供的标记，以下选择器将起作用：

.texty p:nth-of-type(2) > a > img