问题 #1843✓ 已解决提出于 2019年2月28日作者 coder-strange3 个反应

不同州的等级不会适用于那些州。

快速解答作者 NicoEngler2

我刚检查过,可以确认在你的例子中也适用。首先向组件添加一个类,例如 .text-blue-on-hover接下来,选择你想修改的状态,例如 悬停现在,例如将文本颜色改为蓝色 结果:每次你将鼠标悬停在组件上,文本都会变成蓝色。 附注:以下 css(或类似代码)是自动生成的:

阅读下方完整回答 ↓

问题

我正在尝试在组件悬停时应用一个类,但该类确实在应用,但悬停时没有应用,而是应用在正常状态下。 ![图片](https://user-images.githubusercontent.com/19469610/53558793-c63f7680-3b6e-11e9-9857-74f36b71b547.png)

如果我找的是正确的功能,或者我误解了这个功能,请告诉我。

PLNKR:https://plnkr.co/edit/Est6AnnGInBa3yvhzCvm?p=preview

我在 CSS 或 HTML 中没看到任何说明某个类应该在悬停或其他状态应用。

请帮帮我!

谢谢, 陶菲克

回答(3)

👍 最有帮助NicoEngler2019年2月28日

我刚检查过,可以确认在你的例子中也适用。

  • 首先向组件添加一个类,例如 .text-blue-on-hover
  • 接下来,选择你想修改的状态,例如 悬停
  • 现在,例如将文本颜色改为蓝色

结果:每次你将鼠标悬停在组件上,文本都会变成蓝色。

附注:以下 css(或类似代码)是自动生成的:

.text-blue-on-hover:hover {
    颜色:蓝色;
}
coder-strange2019年2月28日

我明白了,它完全没问题,只是我之前不知道它是怎么运作的。

感谢@NicoEngler快速回复,帮我清理:)

NicoEngler2019年2月28日

该类无论组件状态如何都会被应用。基于此,你可以选择状态,比如悬停并将你的类样式放在该特定状态。实际上,如果你选择状态 悬停并将文本涂成红色,就会生成以下 CSS。

.text-red:hover {
    颜色:红色;
}

希望这能帮你澄清一下。

相关问答

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

问题 #916

为什么图层没有元素标签名称?

我正在尝试葡萄内部结构,因为我希望将来能有所贡献。我主要关注的是用通用的HTML网站来做值得,无论CSS和HTML的风格和结构如何(包括文档类型、正文支持等)。 我原本以为“图层”层级会代表DOM树。虽然目前看起来没错,但元素的命名似乎不太对劲。例如,用这个 HTML 表示:...

3 个回答更新于 2019年12月17日

问题 #1554

当我重新加载 HTML 和 CSS 时,我的 Cells 出现了问题。

当我从数据库中取回模板时, 我的单元格变成了盒子,无法像在单元格时那样修改它们的宽度。 我能通过取模板让我的细胞保持细胞状态而不变成别的东西吗? 创建模板 ![保存后](https://user-images.githubusercontent.com/44646666/477...

3 个回答更新于 2019年11月5日

问题 #1513

在媒体查询下编写的重复CSS

嘿@artf项目做得很棒! 我注意到了一些东西,并且能在本地机器上复现。任何在“媒体查询”下写的“CSS”都会被重复/应用两次。 Grapesjs 版本 - '0.14.33' 浏览器 - “版本 69.0.3497.100(官方构建)(64位)” 操作系统 - “Window...

3 个回答更新于 2019年10月30日

问题 #1168

为什么缺少 transform : translate() ?

完美。最后,社区正在打造一个完美工具,能够100%控制CSS和HTML。 但我想知道为什么缺少“变换:翻译”? ![2018-06-05-2338511366x768scrot](https://user-images.githubusercontent.com/3115084...

2 个回答更新于 2019年9月17日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

相关教程

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

全部教程 →

浏览插件分类

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