Как добавить псевдо-правила CSS в djangocms?Я хочу реализовать эффект наведения - PullRequest
Новая
       36

Как добавить псевдо-правила CSS в djangocms?Я хочу реализовать эффект наведения

0 голосов
/ 04 июля 2019

Я хочу изменить непрозрачность div, когда мышь наведена на область, чтобы я мог показать некоторый текст в djangocms.

Когда я добавляю .team-img:hover .overlay { opacity: .8; }, djangocms очищает его, когда я сохраняю изменения, потому что это сбивает с толку: hover для определения значения свойства

Djangocms дает поле атрибута для типа правила идругое поле для значения.В поле атрибута я написал стиль и в поле значения я написал 

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

1 Ответ

0 голосов
/ 16 июля 2019

Вы не можете и не должны добавлять встроенный стиль псевдоэлемента.См. этот ответ .

Для Django CMS правильное место для стилизации - это файл css проекта.В вашем случае вам, вероятно, следует добавить: 

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

Затем вы можете добавить классы в поля атрибута, используя атрибут class.

Вероятно, даже лучше, если вы используете плагин djangocms-style, вы можете настроить стиль (особенно DJANGOCMS_STYLE_CHOICES) с правильно установленным классом.Смотрите этот репозиторий github .Это снимает с редакторов бремя запоминания названий классов.

...