a: hover не работает внутри <span>

Question

a: hover не работает внутри <span>

0

Я пишу некоторый базовый html-код, где есть span tag inside anchor tag как это

<a href="#">
   <span class="link">  Shipping info  </span>
 </a>

когда я делаю a:hover {color:#F07DE0;}, который не работает, может ли кто-нибудь a:hover {color:#F07DE0;} меня об этом, какой селектор должен использовать для достижения эффекта зависания?

Java Student 04 дек. 2013, в 20:11

Источник

2

Вы пробовали a:hover span {color:#F07DE0;} ?
user2816674 04 дек. 2013, в 19:05
0

заразить это шаблон электронной почты, поэтому я не был уверен, что он будет работать
Java Student 04 дек. 2013, в 19:06
0

Я не могу воспроизвести проблему. У вас есть другие стили CSS, примененные к <span> ?
showdev 04 дек. 2013, в 19:08
0

Это стоит попробовать, и если это не сработает, попробуйте поместить его под селектором span.link в коде.
user2816674 04 дек. 2013, в 19:08
0

@showdev у него есть стили, потому что у него есть класс
user2816674 04 дек. 2013, в 19:09
0

@Sinomai Наличие класса не означает, что у него есть определения CSS. Нам нужно увидеть больше кода ОП, чтобы знать наверняка.
showdev 04 дек. 2013, в 19:10
0

@showdev достаточно, чтобы подразумевать, что именно это, вероятно, вызывает проблему
user2816674 04 дек. 2013, в 19:11
0

@Sinomai Да, я согласен, что, скорее всего, причина проблемы. Но спекуляция может создать больше проблем, поэтому лучше спросить. Вот почему «Вопросы о проблемах с кодом, который вы написали, должны описывать конкретную проблему - и включать действительный код для ее воспроизведения - в самом вопросе». Методическая отладка помогает людям понять, что происходит неправильно, а не просто то, что происходит с кодом, чтобы исправить это.
showdev 04 дек. 2013, в 19:14
0

Это происходит во всех браузерах? Может быть, только Firefox? Кто-нибудь еще видит это или нет в своем браузере?
FelipeAls 04 дек. 2013, в 19:23
0

его проблема (мое предположение из кода) состоит в том, что у него есть span.link css, дающий цвет тексту в span, потому что он пытается использовать css для a:hover span.link переопределяет css, так как его определены и будут иметь преимущество
Kender 04 дек. 2013, в 20:18

Показать ещё 8 комментариев

Теги:

html

css

anchor

2 ответа

Ещё вопросы

заразить это шаблон электронной почты, поэтому я не был уверен, что он будет работать
Я не могу воспроизвести проблему. У вас есть другие стили CSS, примененные к <span> ?
Это стоит попробовать, и если это не сработает, попробуйте поместить его под селектором span.link в коде.
@showdev у него есть стили, потому что у него есть класс
@Sinomai Наличие класса не означает, что у него есть определения CSS. Нам нужно увидеть больше кода ОП, чтобы знать наверняка.
@showdev достаточно, чтобы подразумевать, что именно это, вероятно, вызывает проблему
@Sinomai Да, я согласен, что, скорее всего, причина проблемы. Но спекуляция может создать больше проблем, поэтому лучше спросить. Вот почему «Вопросы о проблемах с кодом, который вы написали, должны описывать конкретную проблему - и включать действительный код для ее воспроизведения - в самом вопросе». Методическая отладка помогает людям понять, что происходит неправильно, а не просто то, что происходит с кодом, чтобы исправить это.
Это происходит во всех браузерах? Может быть, только Firefox? Кто-нибудь еще видит это или нет в своем браузере?
его проблема (мое предположение из кода) состоит в том, что у него есть span.link css, дающий цвет тексту в span, потому что он пытается использовать css для a:hover span.link переопределяет css, так как его определены и будут иметь преимущество

tewathia · Answer 1 · 2013-12-04T17-28-00.000Z

Попробуйте a:hover span или a span:hover

DEMO

pkang · Answer 2 · 2013-12-04T17-37-00.000Z

В этом случае используйте a:hover span {color:#F07DE0;}.

http://jsfiddle.net/y3tUH/