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选择器。知道为什么吗？