使用CSS來轉換懸停的列表元素

我一直有麻煩，所以我有（這是嵌套在列表元素中）的鏈接時，它們旋轉時，它們懸停。我一直在這樣做：使用CSS來轉換懸停的列表元素

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

我知道CSS正在被應用，因爲顏色會改變。我知道我的語法是正確的，因爲當我嘗試同樣的事情時，用nav代替li，它工作。是否有這樣的理由，特別是由於某種原因，li不適用？

2013-06-12 JShoe

你可以填寫一個顯示你的列表和CSS沒有正確應用的http://jsfiddle.net嗎？ –

@GCyrillus不幸的是，沒有，因爲我在Sass和嵌入式ruby之類的東西上使用Ruby on Rails。我以我剛剛使用CSS和HTML的方式說出了我的問題。 – JShoe

你可以在codepen.io中使用Sass，如果這有助於向我們展示你的麻煩... –

你可以嘗試改變裏選擇在你的CSS鏈接選擇，再加入

display:inline-block;

看到http://jsfiddle.net/xKNrQ/。您可以將顯示屬性添加到li選擇器，但是您必須使用單獨的規則來應用<a>標記的顏色更改。

2013-06-12 06:54:45 JMurky

你可以在懸停時將它製作成動畫，如滑動到下面，並且應該再次通過小提琴鏈接向上滑動鼠標？ – Nitesh

你的李設置爲塊元素？

我加入這個CSS：

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

2013-06-12 06:48:25 Mary

這有效，但我需要他們內聯。然後解決方案是「內聯塊」。 – JShoe

回答