跨度类的样式没有出现在Inspector样式中

Question

我在一个带有'post-image'类的范围内包装了WordPress函数.the_post_thumbnail().，如下所示：

  echo "<span class='post-image'>".the_post_thumbnail()."</span>";

我尝试应用的样式是width: 100%，以使图像占据其<div> /容器的100％宽度。但是当在浏览器中检查帖子图像时，没有一个帖子图像继承这种风格。

我的CSS很简单：

.post-image {
    width: 100%!important;
}

这种情况我只是不知道还有什么可以尝试。我不想在reset.css中做任何更改，因为这会影响所有其他图像 - 我只是试图为博客文章设置图像样式。

Answer 1

尝试使用clear css属性。 https://developer.mozilla.org/en/docs/Web/CSS/clear

Answer 2

试试这个:(不需要 echo ，这个函数echo`s）

the_post_thumbnail('post-thumbnail');

发布缩略图的类别为 wp-post-image ，并根据所显示缩略图的大小获得一个类。您可以使用这些CSS选择器设置输出样式：

img.wp-post-image
img.attachment-thumbnail
img.attachment-medium
img.attachment-large
img.attachment-full

您还可以为自己的班级提供缩略图。使用后映像类

显示帖子缩略图

the_post_thumbnail('post-thumbnail', ['class' => 'post-image']);

设计风格：

img.post-image {
    width: 100%;
}