css - 使一个 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;

您可以在此处阅读更多信息：http !IMPORTANT: //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;
}