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

Ссылка на статью - Приветствую, друзья, сегодня в видео я расскажу о 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