Полный CSS от базового до продвинутого | Функции CSS | Содержит CSS | Родственные элементы CSS

CSS :-
В :(0:00)
Основы CSS :(1:37)
CSS по любому атрибуту :(9:33)
Родительский, Дочерний, Потомок:(13:34)
Частичное совпадение | Без учёта регистра :(20:01)
Использование индекса :(27:16)
Только для типа :(30:35)
Дочерние методы :(32:10)

Страница с практическими заданиями :- https://theautomationzone.blogspot.co...

#=ID - Поиск элемента по его ID
.=Class - Поиск элемента по его классу
Тег - Только имя тега

Тег#ID - Тег с ID
Тег.Класс - Тег с классом

Тег[attr=value] - Общий синтаксис
Тег[id=value]
Тег[class=value]
Тег[name=value]

Узел Узел - Переход от родительского узла к дочернему
Узел %gt Узел - Переход от родительского узла к дочернему

Тег[attr=value] &gt Тег[attr=value]

input[id^='ema'] — Начинается с
input[id$='mail'] — Заканчивается на
css=input[id*='mai'] — Содержит
[attr operator value i] — без учёта регистра

A ~ B — следующий за родственным элементом
A + B — непосредственно следующий за родственным элементом
A || B — комбинатор выбирает узлы, принадлежащие столбцу

Совпадение нескольких атрибутов (без пробелов)
Tag[attr1=value1][attr2=value2]...

https://www.w3schools.com/cssref/css_...

Функции в CSS
================

a:active — все активные ссылки
a:visited — будет соответствовать всем элементам a, посещённым пользователем.
a:link
a:hover

input:checked Выбирает каждый отмеченный элемент ввода.
input:disabled Выбирает каждый отключенный элемент ввода.
p:first-child Выбирает каждый элемент p, являющийся первым дочерним элементом своего родительского элемента.
p::first-letter Выбирает первую букву каждого элемента p.
p::first-line Выбирает первую строку каждого элемента p.
p:first-of-type Выбирает каждый элемент p, являющийся первым дочерним элементом своего родительского элемента.
input:focus Выбирает элемент ввода, имеющий фокус.
p:last-child
p:last-of-type
p:nth-child(2) Выбирает каждый элемент p, являющийся вторым дочерним элементом своего родительского элемента.
p:nth-last-child(2) Выбирает каждый элемент p, являющийся вторым дочерним элементом своего родительского элемента, начиная с последнего дочернего элемента.
p:nth-last-of-type(2) Выбирает каждый элемент p, являющийся вторым дочерним элементом своего родительского элемента, начиная с последнего дочернего элемента.
p:nth-last-of-type(2) Выбирает каждый элемент p, являющийся вторым дочерним элементом своего родительского элемента, начиная с последнего дочернего элемента.
p:nth-of-type(2) Выбирает каждый элемент p, являющийся является вторым элементом p своего родителя.
p:only-of-type Выбирает каждый элемент p, который является единственным элементом p своего родителя.
p:only-child Выбирает каждый элемент p, который является единственным дочерним элементом своего родителя.

https://developer.mozilla.org/en-US/d...