要素に外部スタイルを適用する方法はありますか？

Question

私はデモページを伴うテーマライブラリに取り組んでいます。デモページでは、デモ用にライブラリのスタイルを使用する必要がありますが、要素全体を使用する必要はありません。

たとえば、次のスタイルを使用します。 （外部スタイルシート）

div.major.minor { /* styling statements */ } 

両方のクラスが必要とされているので、ブラウザががdiv最初に一致しないであろうことは明らかです。もちろん、後者はマッチします。

<div class="minor"> &nbsp; </div> 
<div class="major minor"> &nbsp; </div> 

しかし、これは私が達成したい正確に何です。つまり、ブラウザーはどちらのクラスでもスタイルのターゲットがdivであることを何とか無視し、最初のスタイルにスタイルを適用する必要があります。

次のは、デモページで使用するために余分なセレクタをライブラリに追加するのは論理的ではないため、は実行できません。

div.major.minor, div.demo.minor { /* styling statements */ } 

ソリューションでもJavaScriptを使用できますが、HTML/CSSのみに固執する必要はありません。回避策があります。

最後の手段として、（もっと良い解決策が見つからない場合）デモページ用の余分なスタイルシートにライブラリから必要なスタイルを複製します。しかし、私はこれを避けたいと思います。なぜなら、繰り返されるコードがたくさんあるからです。あなたが作業しているスタイルシートは、ライブラリであることを行っているので、あなたの助けのための

感謝:)

Answer 1

、あなたは自分のデモページのスタイルを混乱それを良くないと思います。

これらは2つの別々のもので、別々のCSSファイルはすべてが計画どおりに進むようにします。それ以外のものは本当に価値があるよりも多くの努力を必要とし、物事が下り坂になる可能性があります。