Скачать или смотреть 30 CSS селекторов, которые вы должны знать!

Ссылка на статью - https://webdevtips.pro/css/30-must-kn...

Приветствую, друзья, сегодня в видео я расскажу о 30 CSS селекторах, которые должен знать каждый разработчик. Сегодня мы, помимо всем известных селекторов класса и id, затронем так же необычные, но очень полезные селекторы. Например, CSS селектор тильды ~, глобальный селектор *, селектор прямого потомка, соседний селектор + и много каких еще! В этом видео я так же расскажу что такое селектор класса css. Разберем css селекторы правила, виды селекторов css. Расскажу как использовать сложные css селекторы. Посмотрим некоторые примеры css селекторов, и типы селекторов css. Покажу css синтаксис селекторов. Поговорим об основных селекторах css. Родительские и дочерние селекторы в css.

Таймкоды:
00:00 Вступление
00:54 Разбор проекта
1:06 Селектор *
2:20 Селектор #
3:39 Селектор .class
4:24 Селектор element element (контекстный)
5:43 Селектор element (по типу)
7:28 Селекторы a:visited и a:link
9:41 Селектор +
11:41 Селектор прямого потомка
13:30 Селектор ~
15:21 Селектор [attribute]
17:46 Селектор [attribute="value"]
18:25 Селектор [attribute*="value"]
20:00 Селектор [attribute^="value"]
21:30 Селектор [attribute$="value"]
23:09 Селектор [data-attribute="value"]
25:00 Селектор [data-attribute~="value"]
26:25 Селектор :checked
28:50 Селекторы ::before и ::after
31:25 Селектор :hover
32:17 Селектор :not(selector)
33:38 Селектор :first-letter
34:48 Селектор :first-line
35:18 Селектор :nth-child(n)
36:48 Селектор :nth-last-child(n)
38:20 Селектор :nth-of-type(n)
39:39 Селектор :nth-last-of-type(n)
40:05 Селектор :first-child
40:54 Селектор :last-child
41:15 Селектор :only-child
43:08 Селектор :only-of-type
44:58 Селектор :first-of-type