2015-11-13 144 views
-1

任何人都可以帮助我解决我的代码,以便悬停颜色只适用于导航栏,而不是图片。我试图通过在我的代码中有.a.main-nav:hover { ...}等来指定,但这只是完全摆脱了悬停。悬停与CSS

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

谢谢!

+0

请在你的问题发布完整的代码示例。如果codepen无法访问,那么你的问题将不会对未来的访问者有价值。 – j08691

+0

与您上一个问题类似的概念,[Lightbox JS和CSS](http://stackoverflow.com/questions/33683861/lightbox-js-and-css)。检查并试验你的选择器。有关参考,请参阅[选择器@ MDN](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors)。 – showdev

+0

@showdev我几乎是一个初学者,并没有真正理解你的解决方案,但感谢你的输入! – kaffybar

回答

0

此代码:

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

应该是这样的:

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

完美!谢谢! :) – kaffybar