Sumi.css:不写 class 也能看的 CSS 框架 — Hacker News 中文摘要
来源:github.com — 33 分
📋 概述
Sumi.css 是一个极简的“无类优先”CSS 框架:写语义化 HTML 它就已经像个做完的页面,只有想特别指定时才加 class。单文件、无构建步骤、压缩后 6.7KB,不含 JavaScript 也没有依赖;标题、表单、表格、卡片、手风琴、模态框与导航全部只靠元素本身就有样式,明暗模式跟随系统,所有颜色字体尺寸圆角都是 CSS 变量。
🔑 核心要点
- 体积 6.7KB(minified + gzip),零 JS、零依赖、无构建步骤。
- 明暗模式自动跟随系统,也能用 data-theme 强制指定。
- 元素选择器特异性为零,自己的样式永远能覆盖,不需要 !important。
- 可访问性做了可见焦点环、aria-invalid / aria-busy / aria-current 状态与减少动效支持。
- 附带组件页、教程与 cheatsheet,主题只需改 CSS 自定义属性。
💡 金句
Write plain, semantic HTML and it looks finished. Add a class only when you want something specific.
👍 0
👎 0
← 返回 Hacker News 首页