BeyondCodeBootcamp / BeyondCodeBootcamp/mvp.html

no-js tab switcher

未关闭
#3 0 条评论 0 个 reaction 已指派 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.

贡献指南

这个仓库没有索引到贡献指南

调研方向

没有指定 repository 文件或测试;先查看现有的 boilerplate 结构以及该 issue 中的 CSS/HTML 示例。确定应如何表示 tab 目标,然后验证无需 JavaScript 即可切换和关闭 tab。

由索引模型根据 Issue 内容生成。

评估

技术栈
css, html
领域
frontend
Issue 类型
功能
难度
3/5
预计耗时
1-2 天
活跃度
停滞
描述清晰度
需要澄清
新手友好度
35/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。