三角那個(gè)效果做完顯示不出來(lái)為什么為什么？？？？？

代碼如下：

.st-container input:checked+a{

background: #821134;

}

.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;