0

したがって、次のDOM構造があり、強調表示されたクラスに焦点を当てています。

ここに画像の説明を入力してください

「集約に貢献する」というテキストの色を白に変更したい。トップレベルのアイテムに「マーカー」CSSクラス（fmg-whiteと呼ばれる）を配置しました（ページ上の他の要素から要素のこのインスタンスを識別するため）。そして、2番目のCSSルール（.x4-form-field .fmg4-html-box .fmg-white）を作成しました。これは、「marker」クラスを下位レベルの適用クラス（.x4-form-field）と組み合わせて使用​​すると思いました。 .fmg4-html-box）DIV内のテキストを具体的にターゲットにします。しかし、それは起こっていません...（マークアップはextjs4によって発行されています）

どんな助けでも大歓迎です。

.fmg-white
{
    /* marker */
}

.x4-form-field .fmg4-html-box .fmg-white
{
    color: White !important;
}
4

1 に答える 1

0

セレクターを誤って適用しています：

.fmg-white .x4-form-field.fmg4-html-box
{
    color: White !important;
}

.fmg-whiteの祖先ですdiv.x4-form-field.fmg4-html-box

必要なアイテムに複数のクラスがある場合は、間隔を空けるのではなく、それらをチェーンします。

スペース（2つのセレクターの間）は、次のアイテムが前のアイテムの子孫になることを示します。

IEhtml divは、ページ上のすべてのdivのスタイルを設定しますが、#myDiv divの子孫であるdivのみのスタイルを設定します。#myDiv

于 2012-09-07T16:03:56.323 に答える