是否可以应用：将鼠标悬停在此CSS上

Question

我想使用这种风格的CSS

nav ul li{
  background: rgba(255, 255, 255, 1);
}

但我想应用悬停。

我试过

nav ul li:hover{
  background: rgba(255, 255, 255, 0.1);
}

我也尝试了一个空格

nav ul li: hover{
  background: rgba(255, 255, 255, 0.1);
}

似乎都没有效果。

Answer 1

它会正常工作;你只是没有设置不同的颜色。

http://codepen.io/anon/pen/ojvBKG

nav ul li{
  background: white;
  color: black;
}
nav ul li:hover{
  background: black;
  color: white;
}

<nav>
  <ul>
    <li>Test list item</li>
  </ul>
</nav>