问题 #1694💬 已回答提出于 2018年12月30日作者 froderf0 个反应

CSS 作曲者不在两个类上工作

快速解答作者 artf

这并不是 ['setClassRule'](https://grapesjs.com/docs/api/css_composer.html#setclassrule) 应该的工作方式。第一个论点只针对一个类名。 目前,没有针对你这种情况的具体API方法,目前最好的可能是'editor.'CssComposer.getAll().add('.class1 .class2{...}')`

阅读下方完整回答 ↓

问题

returnedCssObject 是一个包含 CSS 样式的对象
cssComposer.setClassRule(“class1 class2”,返回CssObject);

上述代码无法正常工作 但下面这个方法是有效的

returnedCssObject 是一个包含 CSS 样式的对象
cssComposer.setClassRule(“class1”,返回CssObject);

我只需要在两类中应用CSS规则 .class1 .class2{ ... 颜色:红色; ... }

回答(3)

artf2019年1月4日

这并不是 ['setClassRule'](https://grapesjs.com/docs/api/css_composer.html#setclassrule) 应该的工作方式。第一个论点只针对一个类名。 目前,没有针对你这种情况的具体API方法,目前最好的可能是'editor.'CssComposer.getAll().add('.class1 .class2{...}')`

mailtopaul82019年1月8日

我需要一个新的CSS规则,包含ID和class的组合,但目前没有办法实现(尝试在ID后面加上'.class',但没用)。你能不能添加一个像“setRule”这样的方法,直接接受带有ID和类组合的整个选择器?

artf2019年1月14日

@mailtopaul8我会尽量在下次发布时加入

相关问答

通过相似的问题讨论继续研究。

问题 #1992

有没有可能移除所有CSS,而不是重置为默认?

保存后我导出CSS,下次加载时导入。在这样做时,它会把我的CSS附加到现有的默认CSS上。 “编辑。CssComposer.clear()' 似乎重置为默认 CSS,而不是清除所有 CSS。 https://jsfiddle.net/benvmatheson/movxw7p1/...

3 个回答更新于 2020年5月6日

问题 #843

CssComposer - 移除未使用的类

你好@artf, 我用 grapesjs-preset-newsletter 导入一个 html,里面有 '' 标签里有一些 css 类<style>。 导入后,当我调用“editor.getCss()”时,之前添加的一些类现在缺失了。 我检查过那些CSS类在任何地方都没被使用...

3 个回答更新于 2020年5月6日

问题 #922

问题:为组件添加默认样式

我一直在努力将葡萄糖整合进我正在开发的一个新开发项目中。 我在文档和维基论坛上取得了很大成功,但遇到了一些问题,希望有人能帮我解决。 我只用移动端视图,默认设备设置为移动端,并关闭了更改选项。 当我插入图片时,我希望默认的CSS能包含最大宽度:100%,因为如果我在移动视图加载...

3 个回答更新于 2019年9月18日

问题 #1838

如何获取组件最新的 CSS 属性?

你好,葡萄干得真棒! 我已经看过文档(尤其是 CssComposer)和相关问题,但我还是卡住了。 一个自定义插件允许我使用 component.setStyle() 给组件添加 css。重新加载时,我需要插件用这些值初始化。 例如,我想读取一个组件的margin属性。我观察到...

2 个回答更新于 2020年3月10日

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

相关教程

关于同一主题的深入指南。

全部教程 →

浏览插件分类

直接跳转到市场上的插件分类页面。