Как я могу заставить это работать?
У меня есть блок кода:
<p><a href="http://foo.com"><span class="title">Title</span><br /><br />
Some text no greater than a couple of lines...</a></p>
Мои стили:
p {color:#FFF;}
a {color:#999;}
.title {color:#FFF; font-weight:bold;}
a:hover {color:#FF0;}
Моя проблема заключается в следующем:
Я хочу, чтобы заголовок был белым и жирным, а тело серым, но когда вы наводите курсор мыши на любую часть, я хочу, чтобы заголовок И текст становился желтым. Однако в приведенном выше сценарии только текст становится желтым, поскольку цвет диапазона (белый) переопределяет a: hover.
Если я добавлю:
.title:hover {color:#FF0;}
тогда цвет заголовка изменится только в том случае, если я специально наведу курсор на заголовок. Он также не меняет текст на желтый, так как теперь он колеблется ...
Как я могу решить эту проблему, даже если для этого требуется немного JS?
Спасибо!