编辑？Css.addRules（targetCss）;

Question

GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ 最新版本的Chrome浏览器 可复制演示链接 无效 描述一下那个虫子 如何复现这个漏洞？ 编辑器？Css.addRules（targetCss）; 预期的行为是什么？ 编辑器？。Css.addRules（targetCss）;它在结尾添加样式 <img width=“826” alt=“image” src=“https://github.com/GrapesJS/grapesjs/assets/114127651/28425b0a-b9f7-46a8-b8bc-736AA112cc3C”> 目前的行为是什么？ 我帮忙编辑吗？Css.addRules（targetCss，{at ： 0}）; 我想在数组的开头添加样式，而不是在结尾。 ... 如果需要执行某些代码以重现该漏洞，请将其粘贴到下面： 行为准则 [X] 我同意遵守本项目的行为准则

artf · Accepted Answer

这不是个bug，'Css.addRules'没有任何选项参数。 你可以就这个话题展开讨论，我们可以看看是否有必要引入它

pittleCheung · Answer

好的，我明白了，我需要在数组前面添加样式，而不是在最后。比如 arr.unshift（css）。我该怎么做？我可能需要你帮帮我

GJS Helper · Answer

你观察到的 editor.Css.addRules() 行为实际上是 GrapesJS CSS API预期且预期的功能。默认情况下，当你使用 editor.Css.addRules(targetCss);时，新的CSS规则会附加在由 GrapesJS管理的样式表末尾。这是许多CSS管理系统中常见的模式，新规则是顺序添加的。 不过， GrapesJS 提供了一个灵活的选项来控制CSS规则的插入点。你正确识别并使用了 at 选项，它允许你指定新规则在样式表中插入的准确索引。当你通过 { at: 0 }时，你明确告诉 GrapesJS 在样式表的最前面插入规则，使其成为最先处理的规则。 解释与解决方案 editor.Css.addRules() 方法接受第二个可选参数，即选项的对象。其中最有用的选项之一是 at。 默认行为（附加）: 没有 at 选项，规则会被添加到末尾。 在开头插入规则： 要在样式表最开头插入规则，应使用 at: 0。 结论 你使用 editor.Css.addRules(targetCss, { at: 0 }); 的方式是正确且预期的在 GrapesJS 样式表开头插...

编辑？Css.addRules（targetCss）;

问题

GrapesJS 版本

你用的是什么浏览器？

可复制演示链接

描述一下那个虫子

行为准则

回答（3）

相关问答

如果删除组件但不删除其对应样式，之后添加新组件会导致样式冲突吗？

删除组件而不删除其对应样式

边框半径的显示顺序不正确

CompoentTextView 的源码图无法加载

与此问题匹配的付费插件

相关教程

Introducing Search on GJS.Market

如何在2026年用 GrapesJS 构建AI驱动的页面构建器

2026年构建一个SaaS页面构建器需要多少钱？

浏览插件分类