三角那个效果做完显示不出来为什么为什么？？？？？

代码如下：

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