没有显示在数字后的色的圈子背景

Question

我正在尝试在数字1后面加上一个蓝色圆圈。数字显示，但由于某种原因，背景颜色不是。

这是我的jsfiddle：

http://jsfiddle.net/huskydawgs/8qzgf2uy/3/

这是我的代码：

<div class="circle rtecenter"><span class="number">1</span></div>

这是我的CSS：

.circle-gray {
    border-radius: 100%;
    height: 2em;
    width: 2em;
    text-align: center;
    background: #616161;
    margin: 0 auto;
}

.circle-gray .number {
    margin-top: 0.10em;
    font-size: 1.5em;
    font-weight: bold;
    font-family: sans-serif;
    line-height: 1.4em;
    color: #ffffff;
}

.rtecenter {
  text-align: center;
}

Answer 1

你拼写的类名错了：

.circle代替.circle-gray

http://jsfiddle.net/8qzgf2uy/4/

Answer 2

我不知道这是一个笑话还是一个相关问题。

你是否意识到在你的div中你是一个不存在的阶级的参考？

你的CSS中没有一个班级.circle＆＃39;这就是为什么这不起作用。