Полный CSS от базового до продвинутого | Функции CSS | Содержит CSS | Родственные элементы CSS
Автор: Automation Zone
Загружено: 2022-01-15
Просмотров: 3344
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] > Тег[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...
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: