Skip to content

Добавляет доки про псевдоклассы :user-valid & :user-invalid#6017

Open
DrakesBot12 wants to merge 4 commits into
doka-guide:mainfrom
DrakesBot12:css/user-valid-invalid
Open

Добавляет доки про псевдоклассы :user-valid & :user-invalid#6017
DrakesBot12 wants to merge 4 commits into
doka-guide:mainfrom
DrakesBot12:css/user-valid-invalid

Conversation

@DrakesBot12

@DrakesBot12 DrakesBot12 commented Jun 11, 2026

Copy link
Copy Markdown
Contributor

Описание

Добавляю доки про псевдоклассы :user-valid & :user-invalid

Closes #4914
Closes #4915

Чек-лист

  • Текст оформлен согласно руководству по стилю
  • Ссылки на внутренние материалы начинаются со слеша и заканчиваются слэшем либо якорем на заголовок (/css/color/, /tools/json/, /tools/gulp/#kak-ponyat)
  • Ссылки на картинки, видео и демки относительные (images/example.png, demos/example/, ../demos/example/)

@github-actions github-actions Bot added css Контент по CSS дока Справочный материал labels Jun 11, 2026
@DrakesBot12 DrakesBot12 changed the title Добавляет доку про псевдоклассы :user-valid & :user-invalid Добавляет доки про псевдоклассы :user-valid & :user-invalid Jun 11, 2026
Comment thread css/user-valid-invalid/index.md
Comment thread css/user-valid-invalid/index.md Outdated
`:user-valid` и `:user-invalid` — псевдоклассы, которые совпадают с элементами форм по их валидности, но только после того, как пользователь изменил значение поля (элемент стал "грязным"). Это позволяет показывать обратную связь не сразу при загрузке страницы, а лишь после действия пользователя.

- [`:valid`](/css/valid/)/[`:invalid`](/css/invalid/) срабатывают всегда по текущему состоянию поля, даже до взаимодействия.
- Пока пользователь не взаимодействовал с полем, ни `:user-valid`, ни `:user-invalid` не совпадают с элементом, даже если он уже не проходит HTML-валидацию.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- Пока пользователь не взаимодействовал с полем, ни `:user-valid`, ни `:user-invalid` не совпадают с элементом, даже если он уже не проходит HTML-валидацию.
- Пока пользователь не взаимодействовал с полем, стили `:user-valid` или `:user-invalid` не применятся к элементу, даже если он уже не проходит HTML-валидацию.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Пока пользователь не взаимодействовал с полем, стили :user-valid или :user-invalid не применятся к элементу, даже если он уже не проходит HTML-валидацию.

Я не внимательно прочитал, нужно заменить "он". Не пользователь же проходит валидацию

DrakesBot12 and others added 2 commits July 2, 2026 20:29
Co-authored-by: Vitya <9317613+vitya-ne@users.noreply.github.com>
@github-actions

github-actions Bot commented Jul 2, 2026

Copy link
Copy Markdown
Превью контента из 7a7b0a2 опубликовано.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

css Контент по CSS дока Справочный материал

Projects

None yet

2 participants