Как заставить одновременно работать :before с :active?

Question

[Станислав Григорьев]

Код - https://jsfiddle.net/gsv60/yakgef54/3/
Нужно, чтобы состояние в :hover оставалось и в :active

Comments

[Rustam Bainazarov]

Какую задачу должно это решить? Имею в виду, какая визуальная цель данной затеи?

Не понимаю, что вы хотите получить в итоге, но на всякий случайьэ скажу, что можно так:
.class:hover:active {...}

[Митя ТоДаСё]

аналогичная проблема, решенная на тостере...

[Станислав Григорьев]

SmthTo, это табы. Они с псевдо-элементом :before для "кастомного" бордера. И нужно чтобы это все горело при активном табе

[Rustam Bainazarov]

Станислав Григорьев, ну, если это табы, тогда никакой CSS вам не поможет нормально. Вам через JS нужно ставить класс к активному табу и связанной с ним кнопке.

[Rustam Bainazarov]

Станислав Григорьев, прошу, изучайте:
https://codepen.io/carolynvelez/pen/MawmVb

Answer 1

[mcrack25]

Вроде так:
.block::active::before{
background: #000;
}