如何移除类选择器 CSS 规则
问题
我用 componentFirst 设置为 true，让用户对他们选择的组件应用所需的样式。
选择一个应用特定组件类型 CSS 类的组件，并点击“同步”按钮，会使选择器从组件 ID 切换到相应的 CSS 类。
现在我找不到办法回去丢弃那个以组件类为选择器的 CSS 规则，因此该组件的每个新实例样式都一样。
谢谢你的帮助！
回答（4）
这很合理，现在我只需要想办法把这个功能添加到我的构建器里。谢谢你，@Ju99ernaut！
你好，
对于未来的问题或技术问题（非漏洞），GitHub的[讨论]（https://github.com/artf/grapesjs/discussions）标签是最佳选择。
如果问题已解决，请关闭，或在[讨论]（https://github.com/artf/grapesjs/discussions）->[问答]（https://github.com/artf/grapesjs/discussions/categories/q-a）类别写一条详细的新消息（并关闭本期）。
感谢你的理解。
你好，@ltenti-eventboost，我不太确定我是否准确理解你的问题出在哪里。 当你启用“componentFirst”编辑时，编辑器会对组件特定的CSS规则进行样式更改（例如'#cmp-id { color： red }'）。 点击“同步”按钮后，所有样式都会被移到当前的类选择器，组件专用规则内的样式会被移除，'.selected-class { color： red } #cmp-id {}'。 所以，从你描述的来看，我觉得挺合理的，但也许我漏掉了什么。
感谢你报告，@ltenti-eventboost。 关于如何移除类选择器CSS规则的好问题。推荐的 StyleManager 方法是使用事件驱动的 API。 从这里开始： 查看你所在模块的[GrapesJS文档]（https://grapesjs.com/docs/） 寻找“on（）”事件监听器方法 大多数操作可以通过监听编辑器和组件事件来实现 常见模式： “JavaScript 留意变化 editor.on（'change'， （） => console.log（'something changed'））; 组件生命周期 editor.on（'component：mount'， （c） =...
相关问答
通过相似的问题讨论继续研究。
问题 #4310
样式管理器在使用包含“bout”和 componentFirst = true 的组合 CSS 选择器时不准确
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome 100 可复制演示链接 https://jsfiddle.net/4fmd732c/3/ 描述一下那个虫子 如何复现这个漏洞？ 给定 a） “componentFirst”设置为“t...
问题 #3454
RTE 插入链接不会更新 DOM
版本： "0.17.3" 你能重现演示中的bug吗？[X] 是的[ ] 不 预期的行为是什么？ 使用默认RTE插入链接后，链接立即可在设置中进一步编辑，即设置HREF和目标 详细描述那个漏洞 在选择默认RTE的文本并将其转换为链接后，文本会被正确地包裹在<a>标签中，但直到取消...
问题 #6685
自定义组件样式在删除和重新添加后不会被应用
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ Chrome v143.0.7499.193 可复制演示链接 https://codesandbox.io/p/sandbox/2l3887 描述一下那个虫子 如何复现这个漏洞？ 打开页面...
问题 #6458
Sector.setName 不工作
GrapesJS版本 [x] 我确认使用最新版本的GrapesJS 你用的是什么浏览器？ 铬 可复制演示链接 https://jsfiddle.net/qbpodnm4/ 描述一下那个虫子 如何复现这个漏洞？ 在画布中选择一个组件。 访问风格管理器，检查“General”是否被...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。