DOM Blasters (@scope в CSS) | Урок от Криса Койера скачать в хорошем качестве

DOM Blasters (@scope в CSS) | Урок от Криса Койера

Термин «DOM Blaster» не является официальным, я просто решил дать ему какое-нибудь забавное название. Идея заключается в том, что при использовании блока `@scope {}` внутри блока `style`, расположенного где-либо в DOM, подразумеваемая область видимости — это родительский элемент. Это означает, что вы можете стилизовать элемент (и его потомков) с помощью обычного CSS, не указывая ему имя и не выделяя его каким-либо другим способом. Это сразу же полезно, но может иметь более серьезные последствия для того, как мы будем стилизовать сайты в будущем. Пример использования одноразового блока стилей: https://chriscoyier.net/2025/07/01/co... Поиграйте с @scope (демонстрация сравнения): https://developer.chrome.com/docs/css... Статья в блоге о Scope в CSS: https://frontendmasters.com/blog/scop... Учебное пособие по Donut Scope: https://frontendmasters.com/tutorials... Учебное пособие по Proximity Scope: https://frontendmasters.com/tutorials... Найдите Frontend Masters онлайн: Twitter:   / frontendmasters   LinkedIn:   / frontend-masters   Facebook:   / frontendmasters   Instagram:   / frontendmasters   TikTok:   / frontendmasters   О нас: Повысьте свой уровень квалификации с помощью современных, углубленных курсов по фронтенд-разработке — наши более 250 высококачественных курсов и 24 тщательно разработанных учебных плана помогут вам пройти путь от разработчика среднего уровня до старшего разработчика! Начните свой путь к мастерству уже сегодня: https://www.frontendmasters.com/?utm_...