From 0c7860fee9651ca48e8e9944b98a142dd6d3c129 Mon Sep 17 00:00:00 2001 From: asus Date: Mon, 27 May 2024 17:21:48 +0200 Subject: [PATCH] version compatible with old browser not supporting has --- index.html | 6 ++---- styles/elements/language.css | 42 +++++++++++++++++++++++++----------- 2 files changed, 31 insertions(+), 17 deletions(-) diff --git a/index.html b/index.html index c742b80..4dedbcc 100644 --- a/index.html +++ b/index.html @@ -35,10 +35,8 @@ -
- - -
+ + diff --git a/styles/elements/language.css b/styles/elements/language.css index a734fd0..012d666 100644 --- a/styles/elements/language.css +++ b/styles/elements/language.css @@ -1,28 +1,44 @@ -.language { +label#language_label { position: fixed; margin: 100px; } -.language input { +input#language { display: none; } -.language input:not(:checked) + label #fr { + + +/* +when not checked +*/ +input#language:not(:checked) + label #fr { display: inline; } -.language input:not(:checked) + label #en { +input#language:not(:checked) + label #en { display: none; } -.language:has(input:not(:checked)) ~ * span.en { - display: none; -} - -.language input:checked + label #fr { - display: none; -} -.language input:checked + label #en { +input#language:not(:checked) ~ * span.en { display: inline; } -.language:has(input:checked) ~ * span.fr { +input#language:not(:checked) ~ * span.fr { display: none; } + + +/* +when checked +*/ +input#language:checked + label #fr { + display: none; +} +input#language:checked + label #en { + display: inline; +} +input#language:checked ~ * span.en { + display: none; +} +input#language:checked ~ * span.fr { + display: inline; +} +