html - CSS を使用してホバー時にリスト要素を変換する

Question

私が持っているリンク（リスト要素にネストされている）がホバーされたときに回転するようにするのに苦労しています。私はこれをやっています：

li:hover {
  color: #ff0000;
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  transform: rotate(15deg);
}

色が変わるので、CSSが適用されていることがわかります。navの代わりに同じことを試したところ、liうまくいったので、構文が正しいことはわかっています。liこれが何らかの理由で特に s で機能しない理由はありますか?

Answer 1

あなたのliはブロック要素として設定されていますか？

これは機能します: http://jsfiddle.net/dQNFF/1/

このCSSを追加しました：

li {
    display: block;
    width: 100px;
    height: 20px;
}