关于span嵌套span标签的问题

图片说明
如图所示span中嵌套了span为什么 > 和 5个可用的位置互换了?
图片说明

注:我需要右浮的效果 但是不希望他两互换位置

图片说明

.aa span{
float:right;
}
你设置了class为aa的div下的span标签右浮动

如果注释掉这句话,可能就是你想要的效果了

因为你设置div下的span右浮动了
图片说明
这个是去掉.aa span{float:right;}后的效果

你的span右浮动了,将
  >放入span class="color"里面