css - 特定の要素IDのコンテナのCSSクラスを変更する方法

Question

特定の親の要素のクラスを変更したい。ここに私が持っているものがあります:

<form id="form2">
    <div class="blueform">
        <div class="formlegend">
        ...
        </div>
    </div>
</form>

formlegendID「form2」のフォームに対してのみクラスをオーバーライドしたいと思います。私が試してみました：

#form2.formlegend {
    padding: 10px;
}

しかし、それは機能しません。これは可能ですか？

score 13 · Accepted Answer

2 つのセレクターの間に「子孫コンビネーター」(空白、通常は単一のスペース文字) がありません。

#form2 .formlegend {
    padding: 10px;
}

form2 子孫コンビネータがない場合、セレクターは IDとクラスがの要素に一致しますformlegend。質問のマークアップによると、ID の要素の子孫formlegendであるクラスと要素を一致させる必要があります。form2

score 0 · Accepted Answer

あなたが試すことができます

#form2 .blueform .formlegend { }

これが機能しない場合は、一意の ID を持つ要素を追加する必要があります (ID は常に一意である必要があります)。2 つの ID 呼び出しが 1 つの ID 呼び出しをオーバーライドするため、次のようになります。

#override #form2 .formlegend { }

score 0 · Accepted Answer

はい。ただし、オーバーライドクラスがCSS のオリジナルクラスの後に宣言されていることを確認してください。

3 に答える 3