Water.css 零类名 CSS：给裸 HTML 直接上样式，自动跟随系统明暗

Water.css 是一个 classless（零类名）极简样式表：你不用写任何类，只要写出语义化的 HTML，它就会直接给标题、段落、表格、表单套上样式。它自动跟随系统的明暗模式，也提供手动指定的明 / 暗 / 自动三个版本，体积极小，非常适合「只想让裸 HTML 不丑」的场景。

它解决什么问题

Markdown 渲染出的页面、接口文档、演示页，往往就是一堆裸 HTML，逐个写类太累，不写又丑。

但又不想为这点内容引入一整套框架，体积和心智都划不来。

核心能力

适合谁、边界在哪

它最适合演示页、Markdown 渲染页、快速原型这类「内容是裸 HTML、又想体面一点」的场合。你专注写结构，外观交给它，省去反复写类与覆盖样式的过程。

但要注意它更新缓慢、基本停滞；而且 classless 的代价是可控性低——你没法精细指定某个区域的长相，要深度定制就得反过来加类覆盖。它解决「不丑」，不解决「独特」。

同类工具怎么选

谁适合用

• 渲染 Markdown、写接口文档，想快速体面的人
• 做演示页、原型，不愿为裸 HTML 逐个加类的人
• 想要自动明暗、又不想自己写主题切换逻辑的人

怎么开始

1. 从站点下载 water.min.css（自动明暗）或指定 light / dark 版。
2. 把 CSS 引入页面 head，无需给元素写任何类。
3. 直接写语义化 HTML，标题、表格、表单会自动获得样式。
4. 想要固定外观时，改引 water.light 或 water.dark 版本。
5. 需要局部定制的，用你自己的类覆盖对应标签样式。

常见问题

真的完全不用写类吗？
对普通内容是这样。只有你想精细控制某块外观时，才需要额外加类去覆盖。

明暗模式怎么定？
默认版跟随系统；也可手动引入 light 或 dark 版本强制指定。

还在更新吗？
更新缓慢、基本停滞，但 MIT 授权下仍可放心用于小项目。

授权与合规

Water.css 采用 MIT 协议发布，可自由用于个人与商业项目，无付费版本，商用没有限制。 官网：watercss.kognise.dev。