css - CSS3 兄弟选择器悬停

Question

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

Answer 1

非常简单的修复，只需从 spin 中删除兄弟选择器。

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