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