BeyondCodeBootcamp / BeyondCodeBootcamp/mvp.html

no-js tab switcher

Offen
#3 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
Vorherrschende Sprache
CSS
Sterne
0
Forks
0
PR-Merge-Kennzahlen
Keine gemergten PRs in 30 T.

Beschreibung

Re: https://stackoverflow.com/a/71008554

```css
dialog { display: block; }

dialog:not(:target):not([open]) { display: none; }
```

```html



Open dialog


Dialog


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.


Close

```

Not sure if this would have to enumerate every hash target (ex: `#main`, `#settings`) or if this could be done by some sort of dynamic class selector, but this should allow tabs without JavaScript.

Beitragsleitfaden

Für dieses Repository ist kein Beitragsleitfaden indexiert

Rechercherichtung

Es wird keine Repository-Datei und kein Test benannt; beginne damit, die vorhandene Boilerplate-Struktur und die CSS/HTML-Beispiele in diesem Issue zu prüfen. Ermittle, wie die Tab-Ziele dargestellt werden sollten, und verifiziere anschließend, dass Tabs ohne JavaScript gewechselt und geschlossen werden können.

Vom Indexierungsmodell aus dem Issue-Text verfasst.

Bewertung

Tech-Stack
css, html
Bereich
frontend
Issue-Typ
Feature
Schwierigkeit
3/5
Geschätzter Aufwand
1-2 Tage
Aktivitätsstatus
Veraltet
Klarheit
Muss geklärt werden
Anfängerfreundlichkeit
35/100

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.