0

「x-button-label」というクラスを含む mtl_navBtn[1-3] という名前の ID があります。以下のようにcssスタイルを繰り返さずに、その組み合わせのcssを定義しようとしていますが、うまくいかないようです。試してみました: #mtl_navBtn1,#mtl_navBtn2,#mtl_navBtn3 .x-button-label しかし、うまくいきませんでした。ここで何か簡単なものが欠けていると確信しています...

<div id="mtl_navBtn1" class="x-button x-iconalign-left x-button-plain" style="margin-top: -30px; width: 52px !important; height: 225px !important;"><span id="ext-element-40" class="x-badge" style="display: none;"></span>
    <span class="x-button-icon etl_nav_btn etl_nav_btn_1_0_active" id="ext-element-42" style="">
    </span><span id="ext-element-41" class="x-button-label" style="">Label</span>
    </div> 





 #mtl_navBtn1 .x-button-label{
        width: 50px         !important;
        height: 50px        !important;
        margin-left: -47px  !important;
    }
    #mtl_navBtn2 .x-button-label{
        width: 50px         !important;
        height: 50px        !important;
        margin-left: -47px  !important;
    }
    #mtl_navBtn3 .x-button-label{
        width: 50px         !important;
        height: 50px        !important;
        margin-left: -47px  !important;
    }
4

2 に答える 2

0

それだけではない理由：

.x-button-label {
    width: 50px !important;
    height: 50px !important;
    margin-left: -47px !important;
}
于 2013-07-08T18:29:19.523 に答える
0

これらのいずれかが CSS をスリム化します。

#mtl_navBtn1 .x-button-label,
#mtl_navBtn2 .x-button-label,
#mtl_navBtn3 .x-button-label {
    // styles
}

また

[id^="mtl_navBtn"] .x-button-label {
    // styles
}

最初のオプションは 2 番目のオプションよりも特異性が高いため、スタイルを上書きする場合は注意が必要です。

于 2013-07-08T18:59:53.160 に答える