如何使用 css 修改此图像的尺寸？

Question

我的网站上的图片有问题，想通过将其尺寸修改为 1 像素高度和 1 像素宽度来摆脱它。

我正在尝试使用 css 执行此操作，但我在选择图像时遇到问题，因为它的类有空格 (class="avatar avatar-96 photo tie-appear")。这是我检查图像时的代码：

<span class="dwqa-date"> <img alt="" src="http://0.gravatar.com/avatar/3314a60ebb551b6be74e876f2c56e115?s=96&amp;d=mm&amp;r=g" srcset="http://0.gravatar.com/avatar/3314a60ebb551b6be74e876f2c56e115?s=96&amp;d=mm&amp;r=g 2x" class="avatar avatar-96 photo tie-appear" height="96" width="96"> <strong>⋅</strong> <a href="#comment-2" title="Link to comment #2">22 mins ago</a> </span>

你知道我怎样才能摆脱这个形象吗？如果你知道代码，你会帮我一个大忙。

谢谢！！

Answer 1

Display: None

是你的朋友。 更改图片尺寸仍然会推动其他内容，并使其在低分辨率屏幕上非常难看。

Answer 2

你的 CSS 类没有空格，每个都是自己的 CSS 类

class="avatar avatar-96 photo tie-appear"可以用css选择器.avatar.avatar-96.photo.tie-appear选择

查看这个重复的问题：How to select classes with spaces

编辑：我在这个 JS Fiddle 上为你设置了它：https://jsfiddle.net/y3s2869g/ 你可以看到 CSS 选择器通过将显示设置为无来删除图像。希望对您有所帮助！

再次编辑：查看网站上的标记后，您可以使用以下 CSS 删除头像图像：

.dwqa-author > img.avatar, .dwqa-comment-author img.avatar {
    display:none;
}

您可能还想删除一些额外的填充，类似于此的 CSS 将完成：

li.dwqa-comment {
    padding: 15px 20px !important;
}

.dwqa-header div.dwqa-author {
    padding-left: 0px !important;
}

.div.dwqa-content {
    margin-left: 0px !important;
}