用 CSS 悬停 [关闭]答案

【问题标题】：Hovering with CSS [closed]用 CSS 悬停 [关闭]
【发布时间】：2015-11-14 03:40:55
【问题描述】：

谁能帮我修复我的代码，使悬停颜色仅适用于导航栏而不适用于图片。我试图通过在我的代码中使用.a.main-nav:hover { ...}etc 来指定这一点，但这只是完全摆脱了悬停。

谢谢！

【问题讨论】：

请在您的问题中发布完整的代码示例。如果无法访问 codepen，那么您的问题对未来的访问者将毫无价值。
与您之前的问题类似的概念，Lightbox JS and CSS。检查并试验您的选择器。如需参考，请参阅Selectors @ MDN。
@showdev 我几乎是一个初学者，并没有真正理解您的解决方案，但感谢您的意见！
我提供了 MDN 链接，以防您有兴趣消除对 CSS 选择器的误解。具体来说，.a.main-nav 将选择具有“a”和“main-nav”类的任何元素。您想要的是选择一个 <a> 元素，该元素位于具有“main-nav”类的元素内，例如 .main-nav a（如 Akhilesh B Chandran 的答案所示）。

【解决方案1】：

这段代码：

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

应该是这样的：

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

【讨论】：