覆蓋從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屬性獲取高度+寬度的圖像

回答

相關問題