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

回答