用CSS徘徊

Question

任何人都可以帮我修改我的代码，以便悬停颜色仅适用于导航栏而不是图片。我试图通过在我的代码中使用.a.main-nav:hover { ...}等来指定这一点，但这完全摆脱了悬停。

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

谢谢！

Answer 1

此代码：

a:hover {
  background-color: #ffbc00;
}

应该是这样的：

.main-nav a:hover {
  background-color: #ffbc00;
}