在CSS中使用！对每个样式元素都很重要

我有以下问题，我需要“ul [editable] li”类来支配“#menu li”。我知道我可以使用重要如下：在CSS中使用！对每个样式元素都很重要

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

有没有办法做到这一点？

谢谢！

来源

2012-05-20 Ilya Karnaukhov

不，您不能在选择器中使用！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; 
}

我想你已经知道这一点，但。 :)

来源

2012-05-20 12:46:19 koenpeters

是的，'！重要的'没有在特殊性中发挥作用，因此，只能应用于单个声明而不应用于选择器。 – BoltClock

是的，我知道这一点。但你给了我一个主意！ “body ul [editable] li {”should work great。谢谢！ @BoltClock，有没有替代！重要或使选择器更具体？ –

太棒了，但我不确定身体标记是否足够具体（ids在特异性总和中添加了比标记更高的值）。但是你肯定会知道的。 – koenpeters

在CSS中使用！对每个样式元素都很重要

回答

相关问题