Как удалить подчеркивание ссылок-картинок

При создании нового дизайна для блога я столкнулся с такой проблемой: если картинка является ссылкой (кнопкой, ведущей на определенную страницу, миниатюрой, указывающей на оригинальное изображение, баннером, то она подчеркивается (как и должна себя вести нормальная ссылка). Все бы ничего, но все таки картинка – это не просто ссылка, это – определенным образом украшенный декоративный визуальный элемент блога, который сам по себе, со свои оформлением (например, при наведении на картинку она подсвечивается, обводится рамкой). Поэтому лишние подчеркивания под картинкой (а еще хуже, когда вылезает подчеркивание над картинкой) мне не нужны. Покопавшись в файле style.css, я понял, что не разберусь с этой проблемой в лоб (две тысячи строчек кода) – нужно какое-то другое, более универсальное и более хитрое решение. И оно таки было найдено!

Изучив подобную тему в интернете и обобщив чужой опыт, я нашел единственно верное, приемлемое в любом моем блоге, кроссбраузерное, и очень элегантное решение. И так, не буду тянуть кота за сделать нужно следующее: откройте файл style.css и добавьте в него всего одну строчку. Вот эта строчка:

a[href$=jpg], a[href$=jpeg], a[href$=jpe], a[href$=png], a[href$=gif] { text-decoration: none; border: 0 none; }

Этот код добавляет условие для отображения ссылок: если ссылка является картинкой JPG, JPEG, JPE, PNG и GIF, то она не будет подчеркиваться. Отличное решение – проблему как рукой сняло, в то время, как стиль отображения самих картинок остался без изменений.