Псевдоклассы

Псевдокласс :root

Определяет корневой элемент документа. В HTML этот селектор всегда соответствует элементу <html>.

Псевдокласс ::-webkit-input-placeholder

Псевдокласс, с помощью которого задаётся стилевое оформление подсказывающего текста в Chrome.

Псевдокласс ::-moz-placeholder

Псевдокласс, с помощью которого задаётся стилевое оформление подсказывающего текста в Firefox.

Псевдокласс :read-write

Применяется к полям формы, доступных для изменения.

Псевдокласс :read-only

Применяется к полям формы, у которых задан атрибут readonly.

Псевдокласс :optional

Применяет стилевые правила к полю формы, у которого не задан атрибут required.

Псевдокласс :valid

Применяется к полям формы, содержимое которых проходит проверку в браузере на соответствие указанному типу.

Псевдокласс :invalid

Применяется к полям формы, содержимое которых не соответствует указанному типу.

Псевдокласс :required

Применяет стилевые правила к тегу <input>, у которого установлен атрибут required.

Псевдокласс :target

Применяется к целевому элементу, иными словами, к идентификатору, который указан в адресной строке браузера.

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.