BeyondCodeBootcamp / BeyondCodeBootcamp/mvp.html
no-js tab switcher
未关闭
- 主要语言
- CSS
- 星标
- 0
- 派生
- 0
- PR 合并指标
- 30 天内没有已合并 PR
描述
Re: https://stackoverflow.com/a/71008554
```css
dialog { display: block; }
dialog:not(:target):not([open]) { display: none; }
```
```html
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.
贡献指南
这个仓库没有索引到贡献指南
调研方向
没有指定 repository 文件或测试;先查看现有的 boilerplate 结构以及该 issue 中的 CSS/HTML 示例。确定应如何表示 tab 目标,然后验证无需 JavaScript 即可切换和关闭 tab。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- css, html
- 领域
- frontend
- Issue 类型
- 功能
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 活跃度
- 停滞
- 描述清晰度
- 需要澄清
- 新手友好度
- 35/100