Почему редактор «ругается» на :after и :before?

Question

[666 666]

Всем привет!

Я новичок)) Недавно начал и столкнулся со следующей проблемой:



Среда программирования ругается на элемент hover:before и :after

Что я делаю не так? Помогите пожалуйста.

Comments

[Kovalsky]

Я смотрю на скрин и вижу что все псевдоклассы/-элементы подсвечены красным, никакой ошибки нет

Answer 1

[xdevelx]

Видимо brackets хочет, чтобы вы писали псевдоэлементы через двойное двоеточие https://developer.mozilla.org/ru/docs/Web/CSS/Pseu...
li::after

Answer 2

[Павел]

https://jigsaw.w3.org/css-validator/validator
нет тут ошибок, скорее вопрос почему редактор ругается

Answer 3

[Ankhena]

Раньше и псевдоклассы и псевдоэлементы писались с одиночным :
Потом решили, что имеет смысл их всё таки различать.

Псевдоклассы - это селекторы, определяющие состояние обычных элементов, которое может меняться при определенных условиях. Например, input:checked, т.е. выбранный сейчас input. Или :hover, т.е. состояние элемента при наведении на него мыши.

Псевдоэлементы - селекторы, которые определяют область элементов, которая изначально отсутствует в дереве документа. Эта область создается искусственно с помощью CSS. Например, ::first-letter - первая строка элемента. Там нет реального DOM элемента, но CSS искусственно его создает и применяет к нему указанные стили.

Браузеры поймут и тот и другой вариант для псевдоэлементов, но правильнее писать их с ::