стиль css работает, но ссылка css не

Question

Есть ли причина, по которой мой нижний CSS работает только наполовину?

div.share 
{ 
    position:relative; 
    top: -4px; 
    left: 25px; 
    font-family:Tahoma; 
    background-color:#000000; 
    font-size:11px; 
    font-weight:bold; 
} 
/* share link css */ 
a.share:active 
{ 
    color: #000000; 

} 
a.share:hover 
{ 
    color: #FFFFFF; 
    background-color:#000000; 
    text-decoration: none; 
} 

div.share CSS все работает, но CSS для active и hover не

Answer 1

CSS является действительным, но убедитесь, что ссылка действительно есть класс «доля», если его в DIV, изменить CSS на:

div.share a:active 
{ 
     color: #000000; 

} 
div.share a:hover 
{ 
     color: #FFFFFF; 
     background-color:#000000; 
     text-decoration: none; 
} 

Answer 2

добавить ваш HTML бы сделать это проще.

Я могу только догадываться, что у вас есть <div> с class='share' и без тега <a> с тем же.

например, делает ваш HTML выглядит следующим образом:

<div class='share'> 
    <a class='share' href='http://yoursite.com'>Your site</a> 
</div> 

или

<div class='share'> 
</div> 
... 
<a class='share' href='http://yoursite.com'>Your site</a> 

Если это первое, а затем

div.share a:hover { 
    ... 
} 

бы больше смысла.

Если это второй, то селектор выглядит хорошо ... хотя может быть лучше выбрать разные, но соответствующие имена классов.

Answer 3

Можете ли вы показать нам фрагмент HTML, используя этот CSS? Это действительно тег <a>, который имеет класс share или он вложен внутри <div class="share">?

Answer 4

Использовать div.share a:active и div.share a:hover.

То, как у вас есть это прямо сейчас, он ищет <a> тег с соответствующим классом совместного использования. Однако класс share находится на внешнем div.