css - 在 CSS 中为每个样式元素使用 !important

Question

我有以下问题，我需要“ul[editable] li”类优于“#menu li”。我知道我可以使用 !important 如下：

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

我想你已经知道了。:)