html - css クラスはスタイリングを適用していませんが、id はスタイリングを適用していますか?

Question

私は次のようにHTMLを設定しています

<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 は干渉していますか?