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

Question

Станислав Григорьев @gsv_rus

HTML
CSS

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

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

Вопрос задан более трёх лет назад
164 просмотра

5 комментариев

Подписаться 1 Простой 5 комментариев

Пригласить эксперта

Ответы на вопрос 1

Комментировать

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

HTML

+1 ещё

Простой
При загрузке картинки этот блок не имеет размера, как исправить?
- 1 подписчик
- 57 минут назад
- 19 просмотров
0

ответов
CSS

Простой
Как убрать отступ?
- 1 подписчик
- 4 часа назад
- 77 просмотров
2

ответа
HTML

+1 ещё

Простой
Как кодировать кириллицу в поле data?
- 1 подписчик
- 6 часов назад
- 39 просмотров
1

ответ
HTML

+1 ещё

Простой
Как в теге select один символ сделать другого цвета?
- 1 подписчик
- 13 часов назад
- 84 просмотра
1

ответ
CSS

Простой
Как уместить кроссбраузерную поддержку в одну строку?
- 1 подписчик
- 13 часов назад
- 100 просмотров
1

ответ
HTML

+1 ещё

Простой
Как поставить элементы в одну строку и выровнять их?
- 1 подписчик
- вчера
- 78 просмотров
1

ответ
HTML

+1 ещё

Простой
Почему не работает pattern на input?
- 1 подписчик
- вчера
- 85 просмотров
2

ответа
CSS

+1 ещё

Простой
Как стилизовать пагинацию постов по определённому признаку?
- 1 подписчик
- вчера
- 74 просмотра
1

ответ
HTML

+2 ещё

Простой
Как подкрасить 2 блока в разные цвета по всей ширине в дочернем Blade-шаблоне?
- 1 подписчик
- вчера
- 57 просмотров
2

ответа
HTML

+2 ещё

Средний
Неправильное отображение верстки во всех браузерах локально на компьютере, в чем может быть проблема?
- 1 подписчик
- вчера
- 80 просмотров
1

ответ
Показать ещё Загружается…

Frontend-разработчик (React)

ДАЛЕЕ

от 130 000 ₽

Тестировщик-стажёр

ITooLabs • Тула

от 35 000 до 40 000 ₽

Fullstack PHP Developer

Smapse Education

от 40 000 до 65 000 ₽

Разработка VST-плагина

19 апр. 2024, в 20:43

20000 руб./за проект

Нарисовать баннер для интернет-магазина

19 апр. 2024, в 20:35

500 руб./в час

Разработать несистемный алерт

19 апр. 2024, в 20:11

500 руб./за проект

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

Не понимаю, что вы хотите получить в итоге, но на всякий случайьэ скажу, что можно так:
.class:hover:active {...}
аналогичная проблема, решенная на тостере...
SmthTo, это табы. Они с псевдо-элементом :before для "кастомного" бордера. И нужно чтобы это все горело при активном табе
Станислав Григорьев, ну, если это табы, тогда никакой CSS вам не поможет нормально. Вам через JS нужно ставить класс к активному табу и связанной с ним кнопке.
Станислав Григорьев, прошу, изучайте:
https://codepen.io/carolynvelez/pen/MawmVb

Answer 1 · 2018-12-23 23:40:48

mcrack25 @mcrack25

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

Ответ написан более трёх лет назад

Комментировать

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

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт