请参考css样式权值：

标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。权值 可以累加

虽然没有展示代码，但估计你在对active设置时，仅使用了.active的类，而前面是加了父元素的类。后写的代码权值没有前面高，因此无法覆盖之前的样式。

给每个span添加统一的背景，然后给高亮的span添加active类，单独设置其样式，代码如下：

a，代码结构

    <div>

         <span class="btn active"></span>

         <span class="btn"></span>

         <span class="btn"></span>

         <span class="btn"></span>

     </div>

b，CSS样式

    div{

         font-size: 0;

     }

     .btn{

         display: inline-block;

         width:9px;

         height: 9px;

         border-radius:50%;

         background:#ccc;

         margin: 0 5px;

     }

    .active{

     background:#ff0000;

     }