css类不应用样式，但id是应用样式？

<div> 
    <ul> 
     <li></li> 
    </ul> 
    <ul> 
     <li> 
      <a class="nodecoration"></a> 
     </li> 
    </ul> 
</div>

CSS：

.nodecoration { 
    text-decoration:none; 
}

当我将锚标记更改为<a id="nodecoration"></a>，改变CSS来：

#nodecoration { 
    text-decoration:none; 
}

的元素现在样式。为什么是这样？

附注：我也使用Twitter Bootstrap，是干扰CSS的吗？

2012-05-28 arboles

没什么明显的。这可能与*特性*和其他未提供的样式有关。 –

这表示另一个样式规则优先于该规则。您可能希望通过使用a.nodecoration来使该规则更具体，这应该增加其优先级。仅供参考，Firefox等firebug工具会告诉你哪些规则具有更高的优先级。

2012-05-28 16:52:51

甚至在将css改为a.nodecoration后，它仍然没有工作。我怎样才能使它更具体？使用萤火虫检查元素，我可以看到css被删除。编辑：我修复它，通过做a.nodecration – arboles

尝试添加'！重要'的规则。此外，使用萤火虫或Chrome的开发人员工具来查看哪条规则超越了您的规则。这将告诉你到底你需要做什么来解决这个问题。 –

谢谢。不知道如果你看到我编辑了我以前的评论，我通过做了解决它a.nodecoration – arboles

bootstrap已经有一个规则，你需要更具体。

，您可以在办法知道哪一个更具体的数。

2012-05-28 16:58:32 juanitofatas

回答