django-cms - 如何在 djangocms 中添加 css 伪规则？我想实现悬停效果

Question

当鼠标悬停在该区域上时，我想更改 div 的不透明度，以便可以在 djangocms 中显示一些文本。

当我添加.team-img:hover .overlay { opacity: .8; }djangocms 时，我会在保存更改时清除它，因为它会混淆 :hover 来定义属性值

Djangocms 为规则类型提供了一个属性字段，为值提供了另一个字段。在属性字段中我写了样式，在我写的值字段中

.team-img:hover .overlay { opacity: .8; }

Answer 1

您不能也不应该在内联添加伪元素样式。看到这个答案。

对于 Django CMS，放置样式的正确位置是项目的 css 文件。在您的情况下，您可能应该添加：

.team-img:hover .overlay { opacity: .8; }

然后，您可以使用属性在属性字段中添加类class。

可能更好，如果你使用djangocms-style插件，你可以配置一个样式（DJANGOCMS_STYLE_CHOICES特别地）正确设置类。请参阅此 github 存储库。这减轻了编辑者记住类名的负担。