由网友(情感防御)分享简介：这是我的css：#sort_dropdown:hover > .arrow{-webkit-transform: translate(0,-42px);-moz-transform: translate(0,-42px);-o-transform: translate(0,-42px);transform: trans...

这是我的css：

#sort_dropdown:hover > .arrow{
    -webkit-transform: translate(0,-42px);
    -moz-transform: translate(0,-42px);
    -o-transform: translate(0,-42px);
    transform: translate(0,-42px);

}

以下是我的代码：

<li><a id="sort_dropdown">Sortieren <span class="arrow">&darr;</span><span class="arrow" style="display: none;">&uarr;</span></a>

推荐答案

转换仅适用于具有块级显示的元素。将.arrow设置为display: inline-block(默认情况下跨度显示inline)会起作用(jsFiddle demo)：

.arrow {
    display: inline-block;
}