html - 更改子导航的 css，同时保留带有图片的原始导航

Question

我想更改这段代码的子导航，但每次我尝试它都会获取父元素(上面的背景图像。

我原以为添加以下代码会去除子导航的背景图像，但事实并非如此。

 ul.subnav li { 
background-color:000; 
}

我想要的是用每个链接的名称为子导航做一些基本的 CSS。没有什么花哨。这是 fiddle 的链接

http://jsfiddle.net/mitchelll182/t7QQ8/1/

Answer 1

好吧，我看到你在做一个纯 CSS 菜单，但这涉及到在所有东西上放置类，最终会变成一个巨大的代码困惑。我认为更好的方法是使用 jQuery。像这样:http://jsfiddle.net/ewB9b/

看看 HTML 代码是多么干净整洁？只是将 UL 嵌套在一个类中。现在在 CSS 中，您可以轻松地为主要链接设置不同于下拉菜单的样式。阅读 CSS 中的注释以了解内容。

.