Убрать рамку у ссылок-изображений

[alex_tihonko]

Добрый день! Столкнулся с такой проблемой:

Для всех ссылок указан следующий стиль

  A
  {
    text-decoration: none;
    border-bottom: 1px dashed white;
  }

А для ссылок-изображений нужно сделать так, чтобы у них была рамка в 1 пиксель желтого цвета. Я попробовал это сделать таким образом:

  A IMG
  {
    border: 1px solid yellow;
  }

При этом у ссылок-изображений появляется как нижняя белая рамка, которая чуть-чуть отстоит от изображения, так и желтая рамка, которая прилегает к изображению вплотную.

Избавиться от нижней рамки попробовал вот таким способом:

  A IMG
  {
    border-bottom: none;
  }

вставив этот код между первыми двумя блоками. Но результата это не дало и по прежнему присутствуют обе рамки. Если последний блок кода вставить после первых двух, то у рамки желтого цвета пропадает нижняя часть, но белая нижняя рамка по прежнему присутствует. Т.е. используя параметр border-bottom в контекстном селекторе A IMG я не могу достучаться до белой нижней рамки.

Подскажите пожалуйста, как же убрать белую нижнюю рамку у ссылок-изображений не трогая конструкцию

  A
  {
    text-decoration: none;
    border-bottom: 1px dashed white;
  }

?

[shvv]

Можно создать класс

a.img {
border-bottom: none;
}

и вешать его на все ссылки-картинки.

По другому - никак. Нет такого селектора, который из-за потомка влиял бы на родителя. Это только к JS.

[alex_tihonko]

Понятно. Спасибо за ответ!

[mini]

a img {display:block;border: 1px тра-ля-ля}