Задать вопрос

Показ блока, с помощью css селектора :focus — возможно ли?

Всем доброго времени суток!

Задача состоит в следующем: проходя по навигации табом, сделать так, чтобы открывалось подменю.
В следующем примере
сделала попытку реализовать это только средствами css, через псевдокласс :focus (51-ая строка в коде)
Однако это не работает.
Выдача гугла гласит, что это можно решить:


Второй вариант соответственно не подходит, так как в примере блоки вложены.

В связи с чем, есть следующие вопросы:
1. Почему css правило на 51 строке не работает?
2. Возможно ли решить эту задачу средствами css?

P.S. Заморочилась над этой темой, после прочтения статей про доступность интерфейсов. Можете ли что-то посоветовать почитать/посмотреть на эту тему?

Заранее спасибо!
  • Вопрос задан
  • 388 просмотров
Подписаться 1 Простой Комментировать
Решение пользователя ⓒⓢⓢ К ответам на вопрос (4)
JRK_DV
@JRK_DV
Рецепты https://codepen.io/jrkdv/full/LKLXdq
Если в 51 строке селектор:
.site_navigation > li:focus .site_navigation_sub {
заменить на:
.site_navigation > li a:focus + .site_navigation_sub {

Проблему не решит?
Ответ написан
Комментировать