Источник: WebForMyself.com CSS селекторы позволяют выбирать элементы по типу, атрибутам и положению внутри HTML-документа. В этом уроке разберем три новые опции — :is(), :where() и :has(). Селекторы в стилях применяются повсеместно. Пример ниже находит все параграфы и меняет жирность шрифта на bold: Для поиска DOM узлов селекторы можно использовать и в JavaScript: Псевдоклассы находят HTML элементы по их текущему состоянию. Наверное, самый известный псевдокласс — :hover. Он применяет стили к элементу, когда курсор наводится на него...

Наследование в CSS — это механизм, с помощью которого значения свойств элемента-родителя передаются его элементам-потомкам при условии, что у потомков эти свойства не переопределены. Например, размер шрифта и его цвет достаточно применить к body, чтобы все элементы внутри имели те же свойства. Таким образом, при правильном использовании наследование позволяет значительно сократить размер таблицы стилей. Но наследование работает не для всех свойств. Некоторые свойства применяются только к самому элементу и не переходят к его потомкам. Наследуемые свойства К наследуемым свойствам относятся в первую...