底部导航定位问题

老师的方式如下，运行成功

#s-control-1,#s-control-1 + a{
 left:0%;
}
#s-control-2,#s-control-2 + a{
 left:20%;
}
#s-control-3,#s-control-3 + a{
 left:40%;
}
#s-control-4,#s-control-4 + a{
 left:60%;
}
#s-control-5,#s-control-5 + a{
 left:80%;
}

如果我换成用每一个input和a的id来设置就不成功，如下

#s-control-1,#s-panel-1{
 left:0%;
}
#s-control-2,#s-panel-2{
 left:20%;
}
#s-control-3,#s-panel-3{
 left:40%;
}
#s-control-4,#s-panel-4{
 left:60%;
}
#s-control-5,#s-panel-5{
 left:80%;
}

这是为什么？？