如何不将函数应用于类？（我对 html 一无所知；这可能很容易解决）答案

【问题标题】：How to not apply a function to a class? (I know nothing about html; this is probably an easy fix)如何不将函数应用于类？（我对 html 一无所知；这可能很容易解决）
【发布时间】：2013-10-19 05:49:13
【问题描述】：

我对 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;
    }

我真的很生气，没有任何意义

【问题讨论】：

你想使用 100% 而不是 24px？

标签： html css function class blogs

【解决方案1】：

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

由于.asker-avatar 在样式表中的显示低于.post img，因此将选择器具体设置为您要覆盖的选择器就足够了。

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

【讨论】：

【解决方案2】：

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

【讨论】：

...我不确定这是否有意义。它在所有浏览器中都修复了吗？

【解决方案3】：

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

在这里，您可以创建一个具有所需图像大小的 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

【讨论】：

感谢您的回答，但没有任何作用。如果我不更改 .post img { width: 100% } （我不能，否则图片帖子会搞砸），我无法更改 .asker-avatar 类中的任何内容。
我想知道如何不将 .post img 应用于 .asker-avatar。我不想解决它，我想完全避免他们一起工作。
你知道如何管理F12编辑器吗？如果你这样做，你能告诉我加载的 img 的样式吗？（右击图片，检查元素，在打开的窗口中，在右侧查看图片的css）
.post img { 宽度：100%; } .asker-avatar { 浮动：左；宽度：24px；高度：自动；边距：5px 10px 5px 10px;
这些是我刚刚发布的这些