CSS 継承スタイルをクリアする方法

CSS の継承スタイルを明確にする

こんにちは、あなたの質問については次のようにしか説明できません。

まず、li{color:red;}などのクラス スタイルを記述するとします。

すべての li は赤色のままになり、継承されたスタイルをクリアすることはできません。同様のコードの実行順序はデフォルトでは上から下であり、if判定などの制御方法を使用しない限り変更することはできません。答えは「クリアできない」です。

コードの実行順序は変更できず、ブラウザの解析方法も制御できません。

第二に、この種の問題をどのように解決しますか? たとえば、領域を指定できます

それぞれ上部と下部の領域を持つ 2 つの div があると仮定します。 id=a id=b

id=aの部分のliだけを赤色にしたい場合の書き方は以下の通りです

#a li{color:red} の場合、id=b 領域の li は影響を受けません

このような問題は、使用地域をできる限り特定することで解決するしかありません

洗濯後のお手伝いをさせていただきます、ありがとうございます

CSS で親要素の属性の継承をキャンセルする方法

他の属性はOKですが、透明属性は継承後に解除できません。この効果を達成するために私が確認した 3 つの方法があります。そのうち 1 と 3 は確実に効果的ですが、2 はあまり信頼できません。それは自分で理解できます:

1. aa 内のすべての div をシミュレートします。bb、cc、dd は入れず、aa には入れません。aa に透明属性を設定し、css の位置決め属性のposition を使用して bb、cc、dd を配置します。 aa の中にあるように見えます。aa のすぐ内側にあります。

2. これは伝説的な方法です: bb、cc、および dd は依然として aa に設定され、相対位置属性が bb、cc、および dd に追加されます:position:relative; 私はこの方法を成功させたことはありません。他の属性と競合しやすい場合は無効となる可能性があります。

3.aa は透明度を設定していません。PS で半透明の画像を作成し、png24 形式で保存し、それを aa の背景として使用しますが、これでは問題が発生します。FF、OP 以降の IE はすべてサポートされていますpng 画像の透明度. IE6 ではサポートされていないため、IE6 では aa の背景が灰色になりますが、この問題は簡単に解決でき、自分でダウンロードできます: ie6 の png は透明です。

以上がCSS 継承スタイルをクリアする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。