html - 使用 CSS 在悬停时转换列表元素

Question

我在制作它时遇到了麻烦，所以我拥有的链接(嵌套在列表元素中)在鼠标悬停时会旋转。我一直在这样做:

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

我知道正在应用 CSS，因为颜色发生了变化。我知道我的语法是正确的，因为当我尝试同样的事情时，将 nav 替换为 li，它起作用了。出于某种原因，这是否特别不适用于 li？

Answer 1

您可以尝试将 css 中的 li 选择器更改为链接选择器，然后添加

display:inline-block;

参见 http://jsfiddle.net/xKNrQ/ .您可以只将显示属性添加到 li 选择器，但是您必须使用单独的规则来为 标记应用颜色更改。