Почему код с псевдоклассом :after не валиден?

Question

[Кирилл Логинов]

Доброго времени суток! Только начал осваивать цсс и сразу столкнулся с такой проблемой. Понимаю, что вопрос может показаться глупым, но самостоятельно я разобраться так и не смог, сколько не пытался. И в блок div и по id контент не отображается, в чем дело?

Comments

[vladimir_html]

Валидность - это другое : ) . У вас просто не работает код. Да, кавычки в content поставьте

UPD: Полезный справочник по HTML И CSS

Answer 1

[zoozag]

Судя по тому что смог разглядеть забыли кавычки в content: 'стрелочка'

Answer 2

[GreatRash]

Есть такая международная организация, которая занимается стандартизацией спецификаций для HTML и CSS (на самом деле не только для них, и организации две, но это не важно). Называется она World Wide Web Consortium, или сокращённо W3C.

Как то раз они начали писать стандарт для языка CSS третьей версии. Наверное им в голову моча, или они решили сделать разделение на стили состояния (hover, active и т.п.) и стили генерации (before, after) более явным, но в общем в третьей версии языка они решили добавить ещё одно двоеточие для стилей псевдо-элементов.

Браузеры в свою очередь сделаны для людей, а людям будет неприятно если какие-то стили вдруг перестанут работать. Поэтому современные браузеры решили поддерживать оба стандарта. Короче:

В CSS 2 - :after (старые + современные браузеры)
В CSS 3 - ::after (только современные браузеры)

Но, в принципе, оба варианта валидны.

Answer 3

[Евгений Саймон]

Не используйте [target="_blank"] и кавычки поставьте.