Обходной путь для :has в Firefox (без использования JavaScript) ⇐ CSS
-
Гость
Обходной путь для :has в Firefox (без использования JavaScript)
Я работаю над небольшим веб-сайтом для своего друга и использую псевдокласс :has. Однако я знаю, что FireFox не поддерживает (если кто-то не включил этот флаг), так есть ли обходной путь?
По сути, я пишу код гамбургер-меню, но для использования людьми без JavaScript (80% целевой аудитории отключают JavaScript - длинная история), и я не хочу использовать span. Посмотрев видео с Web Dev Simplified, я увидел использование input["checkbox"], но без доступного псевдокласса :has я немного застрял.
Я пробовал просто использовать что-то вроде input:checked::before, чтобы настроить верхнюю панель, и input:checked::after для нижней (чтобы вращаться при щелчках), но это с треском провалилось!
Любая помощь будет невероятной, спасибо!!!
Я работаю над небольшим веб-сайтом для своего друга и использую псевдокласс :has. Однако я знаю, что FireFox не поддерживает (если кто-то не включил этот флаг), так есть ли обходной путь?
По сути, я пишу код гамбургер-меню, но для использования людьми без JavaScript (80% целевой аудитории отключают JavaScript - длинная история), и я не хочу использовать span. Посмотрев видео с Web Dev Simplified, я увидел использование input["checkbox"], но без доступного псевдокласса :has я немного застрял.
Я пробовал просто использовать что-то вроде input:checked::before, чтобы настроить верхнюю панель, и input:checked::after для нижней (чтобы вращаться при щелчках), но это с треском провалилось!
Любая помощь будет невероятной, спасибо!!!
