0

我对 html 非常缺乏经验，只知道我的 Tumblr 博客的基础知识。我的问题可能很简单，但我对此很生气，而且我正在失眠，因为如果不修复它我就不会睡觉。所以在我的代码开头，我有：

.post img { width: 100%; }

然后在代码的后面，我有：

div class="asker-info"><img src="{AskerPortraitURL-24}" alt="" class="asker-avatar" /> {Asker}></div>

我的问题是，每当有人问我问题时，他们的头像会出现 20 倍的字面大小。我在谷歌浏览器的“检查元素”上检查了它，发现我的代码的 .post img 部分与本节中的宽度部分相抵消：

.asker-avatar {
    float: left;
    width: 24px;
    margin: 5px 10px 5px 10px;
    }

我太他妈的生气了，没有任何意义

4

3 回答 3

0

它不起作用，因为 CSS 选择器.post img比选择器“更具体” .asker-avatar。

由于.asker-avatar在样式表中显示较低.post img，因此足以使该选择器与您要覆盖的选择器一样具体。

我不是 CSS 特异性方面的专家（这个人是），但尝试将.asker-avatar选择器更改为（注意 -和img.asker-avatar之间没有空格）。img.

于 2013-10-11T08:55:30.883 回答
0

我修好了它！！天哪，我是不是松了口气！我注意到我自己的头像不受 .post img 的影响，所以我查看了类，发现只需添加一个 id=" _ "，您就可以更改它！

于 2013-10-11T08:52:32.467 回答
0

你能试试这个并告诉你会发生什么吗？

在这里，您创建一个具有所需图像大小的 css 类。你设置你想要的宽度和高度自动，它必须根据高度选择一个好的值

.asker-avatar
{
 width: 24px;
 height: auto;
 margin: 5px 10px 5px 10px;

}

另一个问题，你能把你在 div 中使用的asker-info类放在这里吗？那门课可能是你的 img 的问题吗？也许您可以尝试删除 .post img {width:100%} 因为可以使 img 调整为 div 的 100% 宽度

在这里你可以练习图像大小和调整大小，你可以阅读一些关于 img 属性的解释，这是一个有用的页面： HTML_IMAGES W3SCHOOL

于 2013-10-11T08:13:14.350 回答