1

次のようなスタイルのliがあるとします。

#app-container ul.apps li.app1 {
   border-color:#57b6dd;
   background:url(app-icons/app1.png) no-repeat 10px 10px;
}

<li class="app1">

ここで、同じliがページに再び表示されているが、境界線の色をトレイに変更したいとします。既存のクラスにクラスを追加しても、色は変更されません。

.app-inactive-border { 
   border-color: #666666;
}

<li class="app1 app-inactive-border">

私は何が間違っているのですか？ありがとう

私はそれをjsfiddleに載せました http://jsfiddle.net/noscirre/JtVGp/24/

4

2 に答える 2

6

.app-inactive-borderその場合は具体的ではありません#app-container ul.apps li.app1

複数のルール セットが同じプロパティを変更するルールを提供する場合、最も具体的なルール セットが優先されます。

使用する#app-container ul.apps li.app1.app-inactive-border

于 2012-06-14T14:02:43.637 に答える
0

別の方法はこれを行うことです：

.app-inactive-border { border-color: #666666!important; }

「!important」の役割を知るだけでも十分です。しかし、クエンティンの答えはベストプラクティスであり、より読みやすい構文です。

last thing : you can simplify the hexa color code like this #666;
于 2012-06-14T14:23:01.550 に答える