hover эффект

[DronBoy]

Вобщем есть код 
<div class="number">
                        <a href='#'><img src='images/Call.png' class="call"></a>
                        <b>8-905-282-60-55</b>
  </div>

изначально тег <b> скрыт display:none;

хочу что бы при наведении на ссылку тег <b> снова становился видимым.

насписал стили: 

.number b{
display:none;    
}
.number a:hover b{
display:block;    
}

Но нечего не работает в чем проблема подскажите.

[Igor Schnaider]

.number a:hover ~ b { ... }

[ishurgaya]

Если пишете так: .number a:hover b , то тег b должен быть вложен в тег a ,т.е.

<div class="number">
   <a href='#'><img src='images/Call.png' class="call"><b>8-905-282-60-55</b></a>
</div> 

А у вас тег b на одном уровне вложенности с тегом a, поэтому Igor Schnaider верно написал, что должно быть так:

.number a:hover ~ b

Edited June 4, 2016 by ishurgaya