試圖類屬性附加傷害增加CSS

我已經得到這個代碼propely工作，試圖類屬性附加傷害增加CSS

<img src="forest.gif" class="magnify" border="0" />

，但我不想添加類=「放大」到每個IMG。我想讓它成爲我的樣式表的一部分，並讓它影響所有圖像。那可能嗎？

來源

2013-08-01 user2642149

當然，你需要做的又是什麼改變無論是目前正在尋找類'magnify'，而不是尋找'img'元素。但既然你沒有向我們展示過這個搜索是什麼，我們不能告訴你如何更新它。 –

如果你真的想要所有的圖像，你爲什麼不把你的CSS放在你的img標籤上，而不是放在類上magnify –

@ user2642149：如果你需要重寫特定圖像的css設置，你仍然可以通過添加另一個css規則與更具體的選擇器_after_你的一般選擇。 – collapsar

變化

.magnify { 
    color: red 
    blabla... 
}

到

img { 
    color: red 
    blabla... 
}

，讓風格的所有圖像。

來源

2013-08-01 13:16:26 tanaydin

該類= magnify需要啓用圖像上的放大效果 – user2642149

我需要能夠添加到img，如果有意義 – user2642149

@ user2642149 - 提供*「放大效果」是什麼？這就是需要改變（如果可能的話），並且你沒有在你的問題中顯示它。 –

如果您想在加載頁面後一次添加JavaScript，則必須使用JavaScript。

jQuery中：

$(document).ready(function(){ 
    $('img').each(function(){ 
     $(this).addClass('magnify'); 
    }); 
});

來源

2013-08-01 13:22:48 SharkofMirkwood

它無法加載頁面？ – user2642149

要麼編輯jquery magnify源文件來放大所有'img'標記而不是'magnify'類，或者手動將'magnify'類應用於所有圖像，就像你已經做的那樣。我不知道如何將類應用於頁面上的所有'img'元素，而無需將類屬性放入HTML或使用JavaScript。 – Plato

嘗試限定TAG特定樣式表定義。定義您自己的CSS類以在需要時在特定圖像標記上覆蓋它，甚至可以組合多個CSS類。

img { 
    border: 0; 
    attribute1: 1abc; 
    . 
    . 
    . 
    attributeN: nABC; 
    }

包括例如：

<style type="text/css"> 
    img { 
     margin: 10px 10px 10px 10px; 
     border: 2px 2px 2px 2px 
    } 

    h1, h2, h3 { 
     font-size: 12pt; 
    } 
</style>

包括附加的例子：

<style type="text/css"> 
img.magnify.magnifyEx { 
    border: 2px; 
} 
</style

來源

2013-08-01 13:27:25 Twinkle

這是一個JavaScript。 – user2642149

它只是普通的級聯樣式定義。 – Twinkle

我想，因爲它正在使用一個類來觸發效果，它可以納入我的樣式表，但沒有？ – user2642149

試圖類屬性附加傷害增加CSS

回答

相關問題