CSS псевдоклассы. Псевдокласс HOVER и другие. Уроки HTML CSS JS. Урок №10

CSS псевдоклассы. Псевдокласс HOVER и другие. Уроки HTML CSS JS. Урок №10
CSS Псевдоклассы - это некие модификаторы для наших селекторов. Чаще всего используются для применения стилей в зависимости от состояния элемента либо его положения в коде. Поговорим о CSS псевдоклассах hover, active, visited, focus. А так же о first-child, last-child, nth-child()

🔴 Весь плейлист с уроками по HTML CSS JS верстке:

Содержание:
0:00 - Подготовка к уроку
6:24 - hover
8:56 - visited
10:22 - active
11:41 - focus
14:11 - first-child
15:45 - last-child
16:28 - nth-child
18:23 - Важные детали по first/last/nth child
21:13 - Практикуем изученое
24:33 - Домашка
25:00 - Напутствие
Спасибо Emil Chapchakchi

👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!

🤟 Живи, а работай в свободное время! ©
#фрилансерпожизни #обучение #верстка

[FreelancerLifeStyle]

Ребята, надеюсь выпуск понравился! Тут еще пара полезных ссылок:

[optimax]

Для людей, которые плохо запоминают odd и even, четное не четное, просто odd(3) у него 3 буквы, значить не четное, even(4) у него 4 буквы, значить четное, мне когда-то такое подсказали и никогда больше не забывал))

[sNgle]

Ребята, парень старается делает годный материал, почему лайков меньше чем 50% просмотров, давайте не жадничаем, поддержим автора !!! )))
Видео огонь, спасибо автору.

[ЕгорМатусевич-рм]

Вроде видеороликам уже немало времени, а бесплатного курса никто лучше так и не выпустил, огромный респект за старания.

[valentyndubin]

Все четко без воды, по теме, 25 минут полезной информации, супер) Переход с окном прикольный😂)

[emilchapchakchi]

0:00 - Подготовка к уроку
6:24 - hover
8:56 - visited
10:22 - active
11:41 - focus
14:01 - ааа, не болей!
14:11 - first-child
15:45 - last-child
16:28 - nth-child
18:23 - Важные детали по first/last/nth child
21:13 - Практикуем изученое
24:33 - Домашка
25:00 - Напутствие

Большое спасибо за ещё один здоровский урок!

[winsol]

Реально мощно) все четко, без воды.
Всегда жду конца чтобы покачать головой по трэк ))) 😹

[ivannamuska]

Чудовий вчитель, все дуже докладно та зрозуміло пяснює. Те, що потрібно новачку)

[self-toughstudy]

Кстати, в nth-child так же можно указывать в скобках свой шаг, к примеру li:nth-child(2n) для каждого второго li, li:nth-child(5n) для каждого пятого, li:nth-child(12n) для каждого двенадцатого элеманта. Иногда полезно.

[alexandr]

Отличные уроки. Закрепляю на них ранее пройденный мною материал. Спасибо!

[Yurka-omce]

На протяжении 2 недель смотрю ваш канал и изучаю верстку. С каждым днем занимаюсь больше и больше, потому-что как вы преподаете материал это настоящее мастерство.

[tjhkxtc]

Удивительнее всего, что это настоящее обучение и бесплатно. Рассказываю знакомым, не верят! Тут намного интереснее, чем в различных школах. И удобнее, тк занимаешься в своем темпе, а не в по чьим-то графикам . Очередное спасибо от очередного ученика!

[nasta_nasta]

Какое у вас классное комьюнити! Очень рада, что нашла вас! Спасибо за полезные уроки!

[BboyMidnigth]

Дякую тобі дуже за цей канал та твої ролики. У тебе точно є талант викладача. Все чітко, доступно та наглядно. Під кожним уроком файли, домашка, шпаргалки. Якщо б можна було тричі стати твоїм спонсором - я б став.
Хотів також сказати, що в цей нелегкий час, твій канал може врятувати людям життя. Через віну, справа на яку я витратив 10 років, більше не приносить прибутку. Твій канал - це мій рятувальний круг. Мій та моєї сімʼї. Ще раз дякую!

[yurakirichenko]

Супер!!! Все по суті без води, одні приклади і практика. Що може бути краще.

[bwehdmt]

Вроде бы простые вещи, но... Повторение - мать учения! Спасибо, Жека!

[denyshoropashnyi]

Во, вроде, все это знал, но как-то не совсем уверенно. Посмотрел ролик - систематизировалось.
Спасибо )

[WorldDMV]

Выпуск очень понравился. Традиционно доходчиво и ясно. Благодарю за труд.

[artyomvoytenko]

Видео - класс!) Да, переход прикольный получился, такие моменты немного "разгружают" мозг после полученной перед этим информацией, Так что давай в том же духе!) Как всегда 10 из 10)

[aleksgbr]

Огромнейший респект!!!как всегда видос на одном дыхании огромнейшнее спасибо за учебу! лучший верстальщик на Ютубе имхо! Все четко и понятно красавец!)))отдельное спасибо за телеграм канал много полезной инфы от ребят всем новичкам и не только рекомендую!!!