@scope rule is useful to limit css to a limited subtree of the DOM.

Currently, in a template, we are doing something like this

-------------------------------
.myscope .container{
	..........
	..........
	..........
} 

.myscope .items{
	..........
	..........
	..........
} 

.myscope .console{
	..........
	..........
	..........
} 
-------------------------------

We can change it to something like this:

@scope (.myscope){
	.container{
		..........
		..........
		..........
	} 

	.items{
		..........
		..........
		..........
	} 

	.console{
		..........
		..........
		..........
	} 
}

--------------------------------
This is an expermental feature.
In chrome, v118 is required.