Question

我的网站上的图片存在问题，希望通过将其尺寸修改为1px高度和1px宽度来摆脱它。

我正在尝试使用css，但我在选择图像时遇到问题，因为它的类有空格（class =“avatar avatar-96 photo tie-appear”）。这是我检查时图像的代码：

<span class="dwqa-date"> <img alt="" src="http://0.gravatar.com/avatar/3314a60ebb551b6be74e876f2c56e115?s=96&d=mm&r=g" srcset="http://0.gravatar.com/avatar/3314a60ebb551b6be74e876f2c56e115?s=96&d=mm&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

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

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

选择

.avatar.avatar-96.photo.tie-appear

请参阅此重复问题：How to select classes with spaces

编辑：我为你设置了这个JS小提琴：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;
}

Answer 2

Display: None

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

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

2 个答案: