兩個問題，一、.clr這里面的樣式干嘛的。二、底部導(dǎo)航中添加的三角形其他三個透明邊框區(qū)域怎么隱藏，鼠標移上去為什么a的顏色會變
.nav input:checked + a:after{content:"";height:0;width:0;overflow:hidden;border:50px solid transparent;border-bottom-color:#AA213E;position:absolute;bottom:50px;left:50%;margin-left:-50px;}
.nav input:hover + a{background:#D9161A;}
.nav input:checked:hover + a{background:#AA213E;}
2018-03-16
.clr 是清除浮動的
border:50px solid transparent;里transparent就是設(shè)置為顏色為透明，后面再只給border-bottom-color設(shè)置顏色，就只會顯示底部三角了
加了hover 所以鼠標滑過的時候顏色會變
2017-06-25
.clr在哪 沒看到?
.st-container input:checked + a:after{content: "";width: 0;height: 0;overflow: hidden;
border: 20px solid transparent;border-bottom-color: #821134;position: absolute;bottom: 100%;left: 50%;margin-left: -20px;}
.st-container input:checked + a,
.st-container input:checked:hover + a{background: #3f7830;}
三個透明邊框 你可以搜索下 CSS畫三角形 那邊說的比較詳細 你重新寫一遍看看 因為加了hover就是鼠標掠過的觸發(fā)所以鼠標移動上去于顏色會變