兩個(gè)問題，一、.clr這里面的樣式干嘛的。二、底部導(dǎo)航中添加的三角形其他三個(gè)透明邊框區(qū)域怎么隱藏，鼠標(biāo)移上去為什么a的顏色會(huì)變
.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 是清除浮動(dòng)的
border:50px solid transparent;里transparent就是設(shè)置為顏色為透明，后面再只給border-bottom-color設(shè)置顏色，就只會(huì)顯示底部三角了
加了hover 所以鼠標(biāo)滑過的時(shí)候顏色會(huì)變
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;}
三個(gè)透明邊框 你可以搜索下 CSS畫三角形 那邊說的比較詳細(xì) 你重新寫一遍看看 因?yàn)榧恿薶over就是鼠標(biāo)掠過的觸發(fā)所以鼠標(biāo)移動(dòng)上去于顏色會(huì)變