W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> @scope (.container) { h2 { font-size: 30px; color: green; } img { border: 5px solid maroon; } } </style> </head> <body> <h1>使用 @scope 规则</h1> <div class="container"> <div class="news"> <h2>一些标题</h2> <img src="/i/logo/w3.png" alt="W3 logo"> </div> </div> <p>此图片不在 @scope 规则的作用范围内，因此不会被应用样式：</p> <img src="/i/logo/w3.png" alt="W3 logo"> </body> </html>