用css伪元素制作跳转箭头图标
在一些前端框架中见到过伪元素做的图标,现在一般都自己写了,用伪元素可以代替不少图片
.yui-cell{
position: relative;
}
.yui-cell:before{
content: " ";
display: inline-block;
height: 0.7em;
width: 0.5em;
border-width: 1px 1px 0 0;
border-color: #323232;
border-style: solid;
-webkit-transform: matrix(.51,.51,-0.51,.51,0,0);
transform: matrix(.51,.51,-0.51,.51,0,0);
position: absolute;
top: 31%;
left: 0;
}