在CSS中为每个样式元素使用！important

Question

我有以下问题，我需要“ul [editable] li”类占据“#menu li”的主导地位。我知道我可以使用！重要如下：

#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 {
    ....
}

有办法做到这一点吗？

谢谢！

Answer 1

不，你不能在选择器中使用！important语句。你唯一能做的就是让第二个选择器更具体，（或者第一个选择器当然不那么具体）。

例如：

#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;
}

我猜你已经知道了这一点。 ：）