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

我有一个适用于化身的通用样式，但在这种情况下，我想覆盖从HTML属性获取高度和宽度。覆盖从CSS，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，但这使得它的天然高度和宽度。

来源

2013-10-22 Damon

请添加您的HTML。 – nkmol

不是绝对主义者，但我建议避免HTML属性，样式应该在您的样式表中，而不是您的语义HTML文档。另外，一旦你开始应用CSS样式，它们不能被HTML样式元素重写。 –

据我所知，在CSS中没有办法做到这一点，因为标记中的width/height/border/etc属性总是被相同类型的CSS属性覆盖。你真的可以做到的唯一方法就是通过Javascript来设置基于属性值的CSS样式。 http://stackoverflow.com/questions/9770818/stop-css-overriding-html-width-attribute –

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

我可以分享的唯一的事情就是使用自动您获得初始的宽度和高度，您的浏览器

确定，或者您可以在每个CSS属性后使用!important，以确保它压倒一切。

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

我不确定这是否有帮助。

来源

2013-10-22 14:38:14

我会意识到我的img标签没有正确编码，所以它没有显示出来..编辑所以现在的问题应该更清楚了 – Damon

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

回答

相关问题