Run ❯
Get your
own
website
×
Change Orientation
Save Code
Change Theme, Dark/Light
Go to Spaces
<!DOCTYPE html> <html> <head> <style> @scope (.container) { h2 { font-size: 30px; color: green; } img { border: 5px solid maroon; } } </style> </head> <body> <h1>Using the @scope rule</h1> <div class="container"> <div class="news"> <h2>Some header</h2> <img src="w3logo.png" alt="W3 logo"> </div> </div> <p>This image is outside the scope rule, and will not be styled:</p> <img src="w3logo.png" alt="W3 logo"> </body> </html>
