 Usually CSS styles are applied relying only on source order and specificity. With scope you can override styles based on proximity. In the example on the screen we have two themes. Without scope the style applied is the last one declared. With scope you can have nested elements and the style that applies is the one for the nearest ancestor. Scope also saves you from writing long convoluted class names making it easy to manage larger projects and avoid naming conflicts. With scope you can also style a component without styling certain things nested within. In a way you can have holes where the scope style doesn't apply. Like the example on the screen you could apply style to the text and exclude controls or vice versa.