0

次の問題があります。「ul [editable] li」クラスが「#menu li」よりも優先される必要があります。次のように !important を使用できることはわかっています。

#menu li {
    border:solid 1px #9f693a;
    outline:solid 1px #89552a;
    background:url(images/bg.png);
}

ul[editable] li {
    background-color: #333333 !important; 
    border-color: #0d0d0d !important;
    color:#fff !important;
}

私はこのようなことを言いたい:

ul[editable] li !important {
    ....
}

これを行う方法はありますか？

ありがとう！

4

1 に答える 1

4

いいえ、セレクターで !important ステートメントを使用することはできません。あなたができる唯一のことは、2番目のセレクターをより具体的にすることです（もちろん、最初のセレクターはより具体的ではありません）。

例えば：

#menu li {
    border:solid 1px #9f693a;
    outline:solid 1px #89552a;
    background:url(images/bg.png);
}

#container ul[editable] li {
    background-color: #333333;
    border-color: #0d0d0d;
    color:#fff;
}

私はあなたがすでにこれを知っていたと思います。:)

于 2012-05-20T12:46:19.643 に答える