BeyondCodeBootcamp / BeyondCodeBootcamp/mvp.html

no-js tab switcher

オープン
#3 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る
主要言語
CSS
スター
0
フォーク
0
PR マージ指標
30日以内にマージされた PR はありません

説明

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.

コントリビューションガイド

このリポジトリのコントリビューションガイドは索引されていません

調査の方向性

リポジトリのファイルやテストは指定されていません。まず、既存のボイラープレート構造と、この issue にある CSS/HTML の例を確認してください。タブのターゲットをどのように表現すべきかを判断し、そのうえで JavaScript なしでタブを切り替えたり閉じたりできることを検証してください。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
css, html
領域
frontend
issue の種類
機能追加
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
35/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。