0

Есть такой стиль:

a {
background:black;
}
a:before {
background:red;
}
a:hover a:before {
background:white
}

Почему то стиль с наведением не меняет цвет на белый. Почему?

3 ответа 3

3

a {
background:black;
}
a:before {
background:red;
}
a:hover,a:before {
background:white
}
<a href="#">Test</a>

3

вы пытаетесь дать цвет вложенной ссылке, всего лишь нужно поставить запятую в провило

    a:hover,
    a:before 
    {
        background:white
    }
1

Можно использовать такую конструкцию a:hover:before для изменения контента в :before при наведении на ссылку.

a {
  color:red;
  background:black;
}

a:before {
  content: ">>>";
  width: 50px;
  color: black;
  background:red;
}

a:hover, a:hover:before {
  background:white
}
<a url='#'>link</a>

Ваш ответ

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

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