为什么加上代码之后，不显示呢

[data-icon]:after {

content: attr(data-icon);

    font-family:Verdana, Geneva, sans-serif;

    color: #fff;

text-shadow: 1px 1px 1px rgba(151,24,64,0.2);

position: absolute;

width: 200px;

height: 200px;

line-height: 200px;

text-align: center;

font-size: 90px;

top: 50%;

left: 50%;

margin: -100px 0 0 -100px;

-webkit-transform: rotate(-45deg) translateY(25%);

-moz-transform: rotate(-45deg) translateY(25%);

-o-transform: rotate(-45deg) translateY(25%);

-ms-transform: rotate(-45deg) translateY(25%);

transform: rotate(-45deg) translateY(25%);

}