スタイル "スコープ付き" <スタイルスコープ>属性はクロム36+ではサポートされていません。それに代わるものか代用ですか？

Question

私はスタイルタグでscoped属性を使用しています。 クロムブラウザではサポートされていません。 クロムブラウザで動作するこの機能を実現するための代替方法または代替方法。

Answer 1

あなたが本当に達成できる唯一の方法は、各 'セクション'に固有のクラス名（またはID）を使用し、継承を使用してCSSの名前空間をソートすることです。ページの特定のセクションを対象にしたい場合は、親クラスにクラス名（例：class = "testone"）を与え、そのセクションに適用するスタイルがそのクラス名で追加されていることを確認してください：

それに失敗するなど

.testone .title{...} 
.testone h1{...} 
.testone a{... 

は、また、あなたのスコープのCSSでの作業の多くのブラウザに依存しない方法を与える必要がありますjQueryのベースのスコープのポリフィルがあります。私が働いているものではありませんので、提供する経験はありませんが、私が過ごした数少ない瞬間から非常に有望です！

このようなJavaScriptベースのソリューションの場合と同様に、JavaScriptを有効にしないでページを読み込む人は、あまり細かいことはしませんので、ページがまだ許容された方法で動作することを確認することが重要です。 JSが無効になっても

出典：Scoped Style Sheets without HTML5