html - ブラウザーが定義済みの CSS セレクターを取得しない

Question

次のマークアップがあります。

<div class="won-container">
   <div class="circle B"></div>
   <div class="circle B"></div>
   <div class="circle B"></div>
   <div class="circle B"></div>
   <div class="circle B"></div>
   <div class="circle R"></div>
</div>

また、外部 CSS スタイルシートで次のクラスを定義しています。

.won-container {
    float: left;
}

.circle {
  width: 24px;
  height: 24px;
  position: relative;
  margin-top: -12px;
}

.won-container .B
{
    background-image: url('../images/circle_blue.png') ;
}​
.won-container .G
{
    background-image: url('../images/circle_green.png');
}​
.won-container .R
{
    background-image: url('../images/circle_red.png');
}​

そして、ブラウザは.won-container .B青い画像を表示するクラスのみを取得することがわかりました。ブラウザーは.won-container .Rセレクターを認識していません。理由はありますか？