浏览器没有定义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选择器。知道为什么吗？