CSS3兄弟选择器悬停

Question

我遇到css3和html5的问题。所以当悬停列div，列图标开始旋转时，我决定制作一个css效果。但我不能这样做。那我的问题在哪里？ http://goo.gl/BLXDF9/

Answer 1

非常简单的修复，只需从旋转中移除兄弟选择器。

.column:hover .spin{
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;

    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

http://jsfiddle.net/ymUZj/