从CSS，html属性获取高度+宽度覆盖图像

Question

我有一个应用于头像的通用样式，但在这种情况下，我想覆盖它以从html属性获取高度和宽度。

   <img src="http://site.com/wp-content/uploads/avatars/4/21b534c3f0db3355775089689cb4e003-bpthumb.jpg" class="avatar user-4-avatar avatar-14 photo" width="14" height="14" alt="Avatar of user">

img.avatar {
   height: 80px;
   width: 80px;
 }


.bbpress img.avatar, .forum img.avatar {
   /*what rule do I put here to make the avatar use the html attribute for sizing?*/
   height: auto;
   width: auto;
 }

我不想改变任何HTML，只是CSS ......有什么办法可以做到这一点吗？我尝试了auto，但这使它成为自然的高度和宽度。

Answer 1

我不是完全通过html属性获取宽度和高度，确定你在问什么或者你的意思。

我唯一可以分享的是，使用自动获取初始宽度和高度，由浏览器确定

或者您可以在每个css属性后使用!important以确保它覆盖所有内容。

或者使用内联style="width:##;height:##"的css来覆盖CSS表格（但不是！重要的属性）。

我不确定这是否有帮助。