HTML5 のスタイル要素の "scoped" 属性の現在の状態は何ですか? はじめに 「scoped」属性は、インライン 内で定義された CSS スタイルのスコープを制御する方法として HTML5 に提案されました。要素。ただし、その実装とサポートについては継続的な議論の対象となっています。</p> <p><strong>元の提案</strong></p> <p>当初、「scoped」属性はスタイルの適用を制限することを目的としていました。 <style> のサブツリー要素の親。これにより、作成者はグローバル スタイルに影響を与えることなく、ドキュメントの特定の部分でインライン スタイルを使用できるようになりました。</p> <p><strong>現在の状態</strong></p> <p>残念ながら、スコープ属性は Web から広くサポートされることはありませんでした。ブラウザ。その結果、最終的には HTML5 仕様から削除されました。これは、<style> を意味します。要素はドキュメント内のどこにでも配置できるようになりましたが、HTML5 より前の場合と同様に、そのスタイルはグローバルに適用されます。</p> <p><strong>代替アプローチ</strong></p> <p>サポートがないにもかかわらずスコープ付き属性の場合、スコープ付きスタイルを実現する別のアプローチがあります。一般的な方法の 1 つは、CSS クラス名または HTML 要素 ID をセレクターとして使用して、スタイルの範囲を制限することです。例:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><code class="html"><div id="myDiv"> <style> #myDiv p { margin: 1em 0; } #myDiv em { color: #900; } Some content here... ログイン後にコピー この例では、スタイルは 内の要素にのみ適用されます。 ID が「myDiv.」 将来の見通し 現時点では、スコープ付き属性を再導入する予定はありません。ただし、HTML または CSS の将来のバージョンでは、範囲指定されたスタイルに対して異なるアプローチが導入される可能性があります。現時点では、上記の代替方法は、範囲指定されたスタイルを実現するための信頼できるクロスブラウザーのソリューションを提供します。
