HTML Academy
  • HTML Academy
  • Начать с нуля
  • Получить профессию
  • Прокачать специализацию
  • Начать с нуля
    • Курсы для новичков
    • Старт в программировании
    • Погружение в вёрстку
    • Погружение в программирование на JavaScript
    • Введение в React
    • Продвинутые техники и инструменты вёрстки
    • Погружение в бэкенд
    • Курсы для опытных
    • База знаний для джунов
  • Получить профессию
    • Обучение под работодателя Аусбильдунг
    • Фронтенд-разработчик для компании Grokhotov Studio
    • Фронтенд-разработчик для компании Addamant
    • Профессии
    • Фронтенд-разработчик в мини-группе
    • JavaScript-разработчик
    • Фулстек-разработчик
    • Курсы из профессий
    • HTML и CSS. Профессиональная вёрстка сайтов
    • HTML и CSS. Адаптивная вёрстка и автоматизация
    • JavaScript. Профессиональная разработка веб-интерфейсов
    • JavaScript. Архитектура клиентских приложений
    • React. Разработка сложных клиентских приложений
    • Node.js. Профессиональная разработка REST API
    • Node.js и Nest.js. Микросервисная архитектура
  • Прокачать специализацию
    • Хардкорные программы для профессионалов
    • Современная фронтенд-инженерия
    • Современная UI-инженерия
    • Курсы для профессионалов
    • AI-агенты для фронтендеров
    • Анимация для фронтендеров 2025
    • TypeScript. Теория типов
    • Алгоритмы и структуры данных
    • Паттерны проектирования
    • Vue.js 3. Разработка клиентских приложений
    • Vite
    • Доступность веб-интерфейсов
    • Все продукты для мидлов
Оформить подписку
  • Регистрация
  • Войти
  • Главная
  • Курсы для новичков
  • Продвинутые селекторы атрибутов и состояний
  1. Селекторы. Тонкости0/18

Глава 1: Селекторы. Тонкости

17 заданий, 1 испытание

Рассмотрим продвинутые селекторы, умеющие искать элементы по подстрокам в атрибутах, а также огромное количество селекторов для стилизации элементов форм, таких как :required, :optional и :checked.

Оформить подписку
Ищем в начале строки: [foo^="bar"]Задание
Ищем в конце строки: [foo$="bar"]Задание
Поиск подстроки везде: [foo*="bar"]Задание
Поиск слов внутри строки: [foo~="bar"]Задание
Поиск префиксов: [foo|="bar"]Задание
Поиски котов. Часть 1Задание
Поиски котов. Часть 2Задание
Котография 9 на 12Задание
Псевдоклассы :enabled и :disabledЗадание
Псевдоклассы :read-only и :read-writeЗадание
Псевдокласс :requiredЗадание
Псевдокласс :optionalЗадание
Псевдокласс :checkedЗадание
Псевдоклассы :invalid и :validЗадание
Псевдоклассы :in-range и :out-of-rangeЗадание
Объединяй и властвуйЗадание
Чудеса с ~ и :checkedЗадание
Испытание: UI-кит для формыИспытание
Логотип HTML Academy
  • Наша группа в VK
  • Наш канал на YouTube
  • Наш канал в Telegram
  • Наш канал в MAX
Инновационный центр Сколково

Практикум

  • Курсы для новичков
  • Подписка

Профессии

  • Фронтенд-разработчик
  • JavaScript-разработчик
  • Фулстек-разработчик
Курсы
  • HTML и CSS.
    Профессиональная вёрстка сайтов
  • HTML и CSS.
    Адаптивная вёрстка и автоматизация
  • JavaScript.
    Профессиональная разработка веб-интерфейсов
  • JavaScript.
    Архитектура клиентских приложений
  • React.
    Разработка сложных клиентских приложений
  • Node.js.
    Профессиональная разработка REST API
  • Node.js и Nest.js.
    Микросервисная архитектура
  • TypeScript. Теория типов
  • Алгоритмы и структуры данных
  • Паттерны проектирования
  • Webpack
  • Vite
  • Vue.js 3. Разработка клиентских приложений
  • Git и GitHub
  • Анимация для фронтендеров 2025
  • AI-агенты для фронтендеров
Журнал
  • Справочник по HTML
  • Учебник по Git
  • Учебник по PHP

Информация

  • Об Академии
  • О центре карьеры

Услуги

  • Работа наставником
  • Для вузов и колледжей
  • Для учителей

Остальное

  • Написать нам
  • Мероприятия
  • Форум
  • Акции
  • Отзывы о курсах

СоглашениеКонфиденциальностьЛицензия № Л035-01271-78/00176657Сведения об образовательной организацииСведения об организации, осуществляющей деятельность в области информационных технологий в сети интернет© ООО «Интерактивные обучающие технологии», 2013−2025

Вход

  • ФБ
или

РегистрацияЗабыли пароль?

Регистрация

  • ФБ
или

Вход

Восстановление доступа

Забыли пароль или потеряли доступ к профилю? Введите привязанную к профилю эл. почту, мы отправим вам письмо со ссылкой для восстановления.

Забыли привязать эл. почту к профилю? Напишите нам, мы поможем.

Заполните заявку и мы подарим вам доступ к этой части тренажёра навсегда.



*Обязательное поле

По всем вопросам пишите нам в Telegram.