使一个css类占据主导地位

Question

我有一个由两个css文档设计的元素：

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不会是你想要在第一种情况下试图瞄准的李子的ul的id。 （因为ID是唯一的，如果你给不同的ul提供相同的ID，你做错了。）

解决方案是

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