BeyondCodeBootcamp / BeyondCodeBootcamp/mvp.html

no-js tab switcher

Đang mở
#3 0 bình luận 0 reaction 0 người được giao Xem trên GitHub
Ngôn ngữ chính
CSS
Star
0
Fork
0
Chỉ số merge pull request
Không có pull request nào được merge trong 30 ngày

Mô tả

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.

Hướng dẫn đóng góp

Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này

Hướng nghiên cứu

Không có tệp nào trong repository hoặc test nào được nêu tên; hãy bắt đầu bằng cách xem xét cấu trúc boilerplate hiện có và các ví dụ CSS/HTML trong issue này. Xác định các đích của tab nên được biểu diễn như thế nào, sau đó kiểm tra rằng có thể chuyển đổi và đóng các tab mà không cần JavaScript.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
css, html
Lĩnh vực
frontend
Loại issue
Tính năng
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Cần làm rõ
Mức phù hợp với người mới
35/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.