css - 1 つの CSS クラスを他のクラスよりも支配的にする

Question

2 つの css ドキュメントによってスタイル設定された要素が 1 つあります。

1.

ul[editable="yes"] li {
  background:black;
}

2.

#menu li {
  background:white;
}

お察しのとおり、スタイリングしている要素は #menu 要素にある LI です。

「ul[editable="yes"] li」を「#menu li」よりも優勢にするにはどうすればよいですか?

前もって感謝します ：）

Answer 1

background:black !IMPORTANT;

ここで詳細を読むことができます!IMPORTANT: http://www.w3.org/TR/CSS21/cascade.html#important-rules

Answer 2

#menu は、最初のケースでターゲットにしようとしている li 子の ul の ID にはならないと思います。(ID は一意であるため、同じ ID を異なる UL に付与する場合は間違っています)。

解決策は

#menu ul[editable="yes"] li {
  background:black;
}