У меня есть кнопка в которой есть hr. При ховере надо одновременно менять цвет кнопки и цвет бордера hr, как сделать?

Question

[teenrage]

<button class="value-item delete">
<span class="value-item-container"> C <hr> AC</span>
</button>

Comments

[Владимир Овчинников]

Отслеживать наведение на кнопку и при помощи js накидывать класс (например, active) на нужные элементы.

[wadowad]

Владимир Овчинников, не нужен здесь js.

[teenrage]

wadowad, я помню как то без js можно, но как

[Ankhena]

Сначала нужно выяснить откуда в кнопке взялся тег <hr>
Если по простому, тег <hr> служит для разделения логических разделов на сайте, если они по какой-то причине не сделаны с помощью section, article и т.д.
Внутри кнопки hr никак не может оказаться.

Если вам нужна какая-то полоска внутри кнопки, то используйте стили. Псевдоэлементы или просто фон градиентом, как вам удобнее.

И почитайте про дочерние и контекстные селекторы (ну и дальше тоже)
htmlbook.ru/samcss/kontekstnye-selektory

[Владимир Овчинников]

wadowad, да, действительно не нужен. Автор вопроса не сразу прикрепил код, поэтому не очень понял, что вообще надо сделать. Но откуда в копке hr уже другой вопрос

Answer 1

[Atari_es]

.knopka:hover {
}

.knopka:hover hr {

}

А так в два класса если

Comments

[teenrage]

так не сработает, оно будет по отдельности, мне надо одновременно

Answer 2

[SagePtr]

Если оба элемента вписаны в общий родительский элемент, то можно при наведении на этот элемент менять оба дочерних элемента