This tutorial is for members only

Learn Straight from the Experts Who Shape the Modern Web

250+
In-Depth Courses
21
Learning Paths
Industry Leading Experts
Live Interactive Workshops
Member Exclusive

DOM Blasters (@scope in CSS)

CSS
July 7, 2025

The term “DOM Blaster” is not official in any way, I just felt like naming it something silly. The idea is that when you use an @scope {} block inside a <style> block placed somewhere in the DOM the implied scope is the parent element. This means you can style an element (and it’s descendants) with regular CSS without having to name it or otherwise select it at all. This is immediately useful, but might have bigger implications on how we style sites going forward.