即时 CSS 编辑器 适用于 PrestaShop, WordPress, Shopify...
以及所有其他 CMS、网站和应用程序
像艺术家一样：调整、保存，然后继续前行。
无需转移或重新加载页面。
在您的网站上试用：免费试用 1 小时，无需信用卡
工作原理：三个步骤
无构建步骤、无部署流水线、无 CSS 编译。编辑器直接在访客所见的页面上工作。
安装
为您的平台添加模块、插件或应用——或在任何网站上添加一段bootstrap代码片段。安装助手会为您检查环境。
点击即调
点击页面上的任意元素：其规则会为每个值配以合适的选取器打开。预览是实时且经过防抖处理的，尚未写入任何内容。
真正保存
点击保存：服务器上的 CSS 文件以原子方式更新，并生成 .orig 和 .bak 快照。访客看到的正是您制作的网站——编辑器绝不会为他们加载。
别再盲目编辑 CSS 了！
真正的可视化编辑器：每个值都有合适的工具。下方每个图块的样式都来自您现在就可以编辑的文件。
CSS 属性，保持最新（2026）
内置模式根据 MDN 和 webref 数据重新生成：形式语法、浏览器兼容性、逐属性帮助和文档链接。遇到未知属性？照样会有一个输入框。
在您自己的技术栈上
- PrestaShop - 模块就绪，带备份写入主题 CSS 文件
- WordPress——原生插件，带备份写入当前启用主题的 CSS
- Shopify——原生应用，OAuth 安装，CSS 存储在商店元字段中
- 任意网站 - 独立 ZIP
零风险
实时预览经过防抖处理，撤销/重做每个文件可回退 100 步，点击保存之前不会写入任何内容。服务器端的 .orig 和 .bak 快照始终保留回退路径。
每个值都有合适的工具
颜色选择器、直接在元素上拖动手柄的渐变、字体选择器、缓动曲线、clip-path 形状、@keyframes 时间轴编辑器、用鼠标拖拽的 3D 透视。甚至还有第二屏弹出模式。
即点即选定位
点击页面上的任何元素：匹配的规则会为您自动筛选。再也无需猜测选择器。
可视化 <-> 源代码
可将任何文件切换到带自动保存的 CodeMirror 源码视图，一步撤销即可回到可视化模式。
多文件，多重全能
堆叠式样式表，支持按文件的修改状态和历史记录、内部剪贴板、拖放、多选，以及变量、字体和颜色的清单。
零依赖
原生 JS，无框架、无 jQuery、无构建步骤。一个 ZIP、一段引导代码，安装助手会为您检查环境。
双列模式，按 DOM 顺序
文件始终按 DOM 顺序列出——即层叠应用它们的顺序。切换到双列视图，在文件之间拖拽规则或属性，即可重新整理 CSS 而不是删除它。
您的成果始终属于您
一次性付款，无强制订阅。随时导出您的 CSS（复制或下载 .css，即使只读也可以）。试用结束后，您已保存的样式将永久保持应用——我们绝不会以您的网站作为人质。
内部揭秘：您的服务器上究竟发生了什么
没有黑箱。这里完整列出了 CSS_EDITOR 会写入的内容——以及它绝不会做的事。
会写入的内容
- 您编辑的 CSS 文件以原子方式替换（先写临时文件再重命名——绝不会出现只写了一半的文件）
- 首次保存时创建 .orig 快照，每次保存创建 .bak 快照：回退永远只需一键
- 在Shopify上：您的CSS存储在商店metafields中，由服务器端渲染——不修改任何主题文件
绝不会发生的事
- 编辑器绝不会为您的访客加载——他们看到的正是您制作的网站
- 即使试用结束或许可证失效，您已保存的样式也绝不会被移除
- 您的网站运行时不依赖任何外部 CDN：您安装的代码就是运行的代码
不要只听我们的一面之词。
试一试，亲眼见证。
对面的截图不是模型图：它就是本编辑器，停靠在本页底部，正在编辑本页的样式。在这里打开并立即测试……或者下载到您自己的网站上免费试用——无论本地还是在线——单击一下即可将CSS文件直接保存到您的服务器。无需重新加载页面，只需继续编辑您的CSS。
内置 AI - 用您自己的 AI，无需付费 API
CSS_EDITOR 不会向您出租 AI。它为您已在使用的 AI 准备完美的提示词，并安全地应用其回答。
提示模式
选择页面上的一个或多个元素：CSS_EDITOR 会构建可直接粘贴的提示词（您的需求、DOM 摘录、计算样式、现有规则）。将 AI 的回答粘贴回来：CSS 将带预览和撤销功能地应用，并生成一份报告，列出需要手动完成的 DOM/JS 修改。
无用 CSS 分析器
分析器会将样式表中的每个选择器与实时 DOM 对照分类：使用中（绿色）、可能是动态的（橙色）、未使用（红色）。AI 交叉检查会在您清理之前标记出有风险的项。然后可通过拖放移动或删除——备份会先行创建。
一次性付款，永久属于您。
在您自己的网站上免费试用所有功能 1 小时。之后，编辑功能会有礼地锁定——您已保存的样式将永久保持应用，我们绝不会以您的网站作为人质。密钥只需激活一次：自动绑定到您的域名，无需任何迁移。
Launch offer: -25% with the discount code LAUNCH25_0
适合个人网站或单个项目。
- 2个网站（本地或在线）
- 完整编辑器，所有选取器
- 服务器端保存 + 备份
- 电子邮件支持
购买
discount code : LAUNCH25_0适用于多个站点或子域名
- 最多 10 个网站
- 完整编辑器，所有选取器
- 服务器端保存 + 备份
- 优先支持
购买
discount code : LAUNCH25_0适合代理商和多客户集成商。
- 最多 50 个网站
- 完整编辑器，所有选取器
- 服务器端保存 + 备份
- 专属支持
购买
discount code : LAUNCH25_0购买 CSS_editor 即表示您接受 使用条款.
通过 Polar.sh 安全支付 - 购买后您的许可证密钥会立即通过电子邮件发送给您。包含 12 个月更新。
Launch offer: the prices shown already include the_0
CSS_EDITOR 对比一览
Facts, not adjectives. Checked against the officia_0
| CSS_EDITOR | CSS Hero csshero.org/buy-now |
Microthemer themeover.com/pricing |
|
|---|---|---|---|
| 平台 | PrestaShop、WordPress、Shopify，以及任何网站或 Web 应用 | 仅限 WordPress | 仅限 WordPress |
| 定价模式 | One-time, 18 $ to 288 $ (launch prices)_0 | Annual subscription (29 $ to 199 $/year by site co_0 | Annual or monthly subscription, or lifetime licens_0 |
| AI 提示模式 | 可以——使用您自己的 AI，无需付费 API | 否 | Yes - built-in AI assistant (CSS only)_0 |
| 无用 CSS 分析器 | 支持，带 AI 交叉检查 | 否 | 否 |
| 带备份的服务器端保存 | 原子写入，.orig + .bak 快照 | Edits stored in database, visitors served one stat_0 | Own storage; the Microloader plugin can keep servi_0 |
| 停止付费后您的样式 | 永久保持应用，随时可导出 | Keep working; renewal needed only for updates, sup_0 | Lifetime licenses keep everything, updates include_0 |
真诚的问题，真诚的回答
CSS_EDITOR 会弄坏我的网站吗？
在点击保存之前，编辑仅是预览；撤销功能每个文件可回退 100 步；每次保存都会在您的服务器上创建 .orig 和 .bak 快照。万一出现问题，一键即可还原先前的文件。编辑器绝不会为您的访客加载——他们看到的正是您制作的网站。
它会拖慢我的网站吗？
不会。编辑器是您作为网站管理员打开的工具。访客看到的正是您制作的网站：所提供的 CSS 就是您的主题原本提供的同一个文件，也不会为他们添加任何 JavaScript。
免费试用结束后会怎样？
1小时后，编辑功能会有礼地锁定。您已保存的所有内容将永久保留在您的网站上——我们绝不会移除您的样式。随时输入许可证密钥，即可从中断处精确恢复编辑。
Shopify 应用会修改我的主题文件吗？
不会。Shopify 应用通过 OAuth 安装，将您的 CSS 存储在商店元字段中，并在服务器端渲染。零主题文件修改，卸载也干净利落。
我会被锁定吗？可以导出我的 CSS 吗？
无锁定。CSS_editor 是一次性购买，导出功能（复制到剪贴板或下载 .css）始终可用，即使在只读模式下也是如此。您的 CSS 就是普通文件中的普通 CSS。
支持哪些版本的 PrestaShop 和 WordPress？
PrestaShop 模块支持 1.7 至 8.x，带备份写入主题 CSS 文件。WordPress 插件带备份写入当前启用主题的 CSS。两者都会在本站为您即时构建。
使用 AI 功能需要付费购买 AI API 吗？
不需要。提示模式会构建一个完整的提示词，您将其粘贴到已在使用的 AI（ChatGPT、Claude、Kimi、本地模型……）中，然后带预览和撤销功能地应用其回答。无用 CSS 分析器的可选 AI 交叉检查也以同样方式工作。任何地方都不需要付费 API 密钥。
许可证包含哪些内容？
一份永久许可证，覆盖您套餐中的网站数量（2、10或50个），包含配备所有拾取器的完整编辑器、AI提示模式、死CSS分析器、带备份的服务器端保存，以及12个月内的所有更新。密钥在首次使用时自动绑定到您的域名。
提供退款吗？
不——原因如下：购买前，您可以在自己的网站上免费测试所有功能 1 小时。试用就是保障。所有销售均为最终销售（请参阅销售条款）。
如果我更换域名会怎样？
许可证密钥在首次使用时自动关联到您的域名，不会自动释放。根据您的情况，请联系支持团队，他们可能能够为您重新分配许可证。
CSS_EDITOR 可以嵌入到我自己的应用程序中吗？
可以——核心是原生 JS，并带有文档化的适配器契约，专为嵌入而设计。
此外，每个实用工具（变换、透视、渐变等）都可以在您的网站上独立使用。
如有任何其他需求，请联系我们。
凭证据，不靠承诺
本网站的真实截图。同一标记，三种主题——导航栏中的“主题”菜单可实时为本页换肤。请用您喜欢的主题试一试。
已经开始下一个设计了吗？
节省时间：
选择您的平台。在您自己的网站上免费试用 1 小时，无需信用卡。
PrestaShop 和 WordPress：构建时生成的许可证密钥应替换为购买后提供的密钥。
下载 CSS_editor 即表示您接受 使用条款.