1

При наведении на красную обсласть, объект внитри должен подчеркиваться, но у меня получается, что подчеркивание происходит только при наведении непосредственно на буквы. Где я не прав в написании кода?

.parent {
    display: block;
    padding: 40px;
    font-size: 20px;
    color: black;
    text-decoration: none;
    background-color: red;
    
 }

.parent > span {
  display: inline-block;
  margin-top: 2px; }
  .parent > span::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #000;
    transition: width .3s; }
  .parent > span:hover::after {
    width: 100%; }
   
<a href="" class="parent"><span>Жми сюда!</span></a>

1 ответ 1

3

Если Вам нужно чтобы было подчеркивание при наведении на весь блок, то состояние :hover необходимо задать блоку, на который и должно срабатывать наведение. У Вас же указано что при наведении на span

Ответ на вопрос:

.parent:hover > span::after {
    width: 100%; 
}

Пример на codepen

1
  • Блин! Спасибо! Упустил этот момент 9 окт 2018 в 18:47

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.