圖像的最大寬度的路徑異常

Question

此刻我有一些簡單的CSS代碼，將博客內的圖像設置爲一個設置的大小，以便移動友好。

.BlogContent img { 
    max-width:80px; 
    max-height:80px; 
} 

我曾經遇到過那裏的表情最終被迫到那個尺寸爲好，因爲它是博客內容的內部圖像的問題，所以他們正在從16px的被迫高達80px，看起來相當滑稽。因此，也許這是一個可怕的方式去做這件事，但我認爲......'嗯，也許如果我可以定義一個表情符號的路徑變量例外，將工作？'。

有沒有人知道不使用這種強制照片大小的方法來處理具有特定根URI的文件？

例如：

http://www.example.com/media/blogimage.png -- does get resized 

http://www.example.com/emoticons/mrgreen.png -- does NOT get resized 

謝謝！

Answer 1

你完全可以用CSS使用*= attribute selector以匹配您的圖像的URL的一部分這樣做，與negation pseudo-class (not())組合：

.BlogContent img:not([src*="/emoticons/"]) { 
    max-width:80px; 
    max-height:80px; 
} 

這將適用於max-width和min-width任何img後代元素與類，其src屬性不包含「/表情符號/」。