Насколько верное решение задачи?

[ianton]

Посмотрите, пожалуйста, насколько криво реализовал задачку:

нужно, чтобы при наведении на картинку или ссылку под ней, изменялся вид ссылки.

http://macroland.ru/rentacar

[frendlix]

Шрифт разного размера и при наведении uppercase появляется.

Я бы сделал их одинакового размера (шрифт) и text-transform тоже, и в том случае и в другом.

А в остальном я бы сделал так же (:

[sammasati]

Отрицательные марджины лишние, костыль какой-то. Ну и <div id="empty_line"></div> тоже не нужен. Вот, мне кажется так лучше: http://jsfiddle.net/zGxwc/

Edited July 24, 2013 by sammasati

[ianton]

Отрицательные марджины лишние, костыль какой-то. Ну и <div id="empty_line"></div> тоже не нужен. Вот, мне кажется так лучше: http://jsfiddle.net/zGxwc/

Спасибо большое!

Выходит загадка таилась в "a:hover span", но не до конца понимаю, как работает:

Получается указание a:hover span" заставляет слушать на предмет hover и "a span" и "a" целиком, но эффект каснётся только span. Так чтоль?

[Vulner]

Получается указание a:hover span" заставляет слушать на предмет hover и "a span" и "a" целиком, но эффект каснётся только span. Так чтоль?

Не совсем так. Это правило прописывается для элемента span, находящегося в контейнере a, на который(контейнер) наводят мышкой

Edited July 24, 2013 by Vulner

[sammasati]

Отрицательные марджины лишние, костыль какой-то. Ну и <div id="empty_line"></div> тоже не нужен. Вот, мне кажется так лучше: http://jsfiddle.net/zGxwc/

Спасибо большое!

Выходит загадка таилась в "a:hover span", но не до конца понимаю, как работает:

Получается указание a:hover span" заставляет слушать на предмет hover и "a span" и "a" целиком, но эффект каснётся только span. Так чтоль?

При составных селекторах (типа div p, a span, table td, section article ul li a) стили всегда применяются к последнему селектору. "a span" - стиль применится ко всем спанам, находящимся внутри ссылки. "a:hover span" - то же самое, но для наведенной ссылки. Ховер слушается для ссылки, а не для спана.