次のマークアップがあります。
<div class="breadcrumbs">
<span id="links">
<a href="/home.html" class="pointer">home</a>
<span>></span>
<a href="/module/users.html">users</a>
</span>
</div>
私のスタイルは次のように定義されています。
.breadcrumbs{/*styles for breadcrumbs div*/}
.breadcrumbs span a{cursor:default/*other styles for breadcrumbs links*/}
a.pointer{cursor:pointer;}
私のページでは、リンクはデフォルトのカーソル (矢印) をa.pointer
示し、スタイルは IE10 コンソールと firebug でストライクされて表示されます。
私の混乱は、pointer
クラスがアンカー要素に直接適用されるため、.breadcrumbs span a
一致から選択されたものをオーバーライドするべきではないということです?