HTML の「scoped」属性は死んだのでしょうか?決して存在しなかった機能の物語

HTML5 の "scoped" 属性の現在の状態

の "scoped" 属性要素は、スタイルの範囲を特定の親要素とその子孫に制限するために HTML5 で提案されました。この属性は、意図しないグローバル スタイルの問題を防ぐことを目的としています。しかし、その実装は課題に直面し、最終的には仕様から削除されました。

W3C 解釈

W3C 文書の解釈は部分的には正しかったです。当初の提案では 2 種類の を想定していました。要素:

グローバル : 内で使用されます。 スコープ付き : 「スコープ付き」属性を使用して本文内で使用され、最初の子として配置され、スタイルを親要素に制限します。 現在のステータス (2023)

現在、スコープ属性は主要なブラウザーではサポートされていません。 要素はドキュメント内のどこにでも出現でき、そのスタイルはグローバルに適用されるため、予期しない動作が発生する可能性があります。ベスト プラクティスは、明示的なセレクター (ID やクラスなど) を使用して、ドキュメントの特定の要素または領域をターゲットにすることです。

将来の見通し

具体的な計画はありません近い将来、スコープ付き属性を復活させます。明示的なセレクターを使用し、異なるスタイルシート間で適切な分離を確保するという現在のアプローチは、引き続きスコープ付きスタイルを実装するための推奨される方法です。