这个demo里导航的移动原理是css的transitionY，而非一般导航里的通过标签a去链接；
而position：fixde这个定位机制让a标签本身的链接作用作废了（大家可以试试，反正一旦给链接设置成fixed链接作用就失效），链接作用作废的话a的visited状态就失效了，所以这里才选择了input去表达状态的选中与否（因为不同于hover状态是所有盒子都具备的，visited（or checked）状态只有a标签和input的radio type有）；
以上，详细解释了为什么用input，and最后强调一下，这里的a标签只起到一个语义化的作用。
而position：fixde这个定位机制让a标签本身的链接作用作废了（大家可以试试，反正一旦给链接设置成fixed链接作用就失效），链接作用作废的话a的visited状态就失效了，所以这里才选择了input去表达状态的选中与否（因为不同于hover状态是所有盒子都具备的，visited（or checked）状态只有a标签和input的radio type有）；
以上，详细解释了为什么用input，and最后强调一下，这里的a标签只起到一个语义化的作用。
2015-12-01
最新回答 / 梦想的天空
和老师用的一样的浏览器，显示就不一样
已采纳回答 / 戴眼镜的粉红兔子
这是a链接锚记的用法，例如<a href="#test">连接点</a><div id="test">测试代码</div>意思是点击a超链接，跳转到页面里id为test的地方
2015-11-20
最新回答 / 戴眼镜的粉红兔子
.st-container input:checked+a,.st-container input:checked:hover+a{ background: #821134;}应该是这样
2015-11-20
已采纳回答 / 李晓健
那要看兼容性了，如果是用css3来实现的一些效果，你需要兼容到一些对CSS3支持不太好的浏览器的话，就要用js去实现，如果不需要关心的话就用css去实现，不仅代码简单，性能也好。
2015-11-18
已采纳回答 / echo_kinchao
一个是 .st-container下一级的 a{}二个是 .st-container 下面的全部a{}三个是.st-container 接着的a{}四个是 .st-container 接着的全部a{}
2015-11-18