为什么css前面多写了一级，效果就不出来呢？

基础太差，请各位多指教。

具体问题时这样， 老师案例中panel 中向右浮动的 四个原点，如果加上 active应该是变色的效果。

具体代码如下图，如果我在定义 group-btn的时候，前面多加一层css，也就是下面代码第一行中的   .index-panel-header-btngroup，此时 active不起作用。去掉以后就正常了。

.index-panel-header .index-panel-header-btngroup .group-btn{

width: 9px;

height: 9px;

margin-left: 11px;

display: inline-block;

background: #C4C2C2;

border-radius: 50%;

}

.index-panel-header .active{

background: #444242;

}