Как сделать, чтобы фоновый цвет гиперссылки не передавалось картинке (тоже гиперссылка)?

Question

[1ndrei]

У меня правило для гиперссылок:
a:link {
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
color: #32555A;
background-color: #ffff99;
}
Проблема в том, что для картинок (которые тоже являются гиперссылками) тоже появляется этот фон.
Как этого избежать?

Answer 1

[GreatRash]

a:link img { background: none; }

Comments

[1ndrei]

Что-то не так в моем случае :(
www.drink-n-meter.com - не могли бы посмотреть?
я временно указал правило:
.art-postcontent a img, .art-postcontent a:link img
{ background-color: #ffffff; }
Но почему-то правило не подействовало, хотя в консоли хрома напротив него галочка стоит.

[GreatRash]

1ndrei: А вы у картинки маргин уберите. Жёлтая фигня у ссылки торчит, а не у картинки.

[1ndrei]

Спасибо. Получилось. Это не потребоавлось: a:link img { background: none; }
А как вы поняли, что проблема в маргине?
После ваших слов я зашел в консоль хрома и снял галочку с этого правила, получил нужный результат. Но как сразу понять это?

[GreatRash]

1ndrei: Ну так и понять, смотреть в консоль если что-то не так. Я именно так и делал :-)

[1ndrei]

Там же куча чек-боксов, все их check/uncheck ? :)

[GreatRash]

1ndrei: Да. Жизнь - боль.

[1ndrei]

Ну чо, можно :). Просто думал, может есть какой-то более прямой способ. Спасибо :)

Answer 2

[Антон Нагаец]

один из вариантов решения
1) Убрать глобальное определение a:link
2) Создать класс для блока и выводить ссылки в блоке.
Если много элементов до для облегчения использовать :nth-child

Answer 3

[shurupkirov]

1. Сделайте класс на ссылку не включающую img
2. Вставьте класс в код
3. добавьте класс к своему правилу