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

标签 html css

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

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

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

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

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

最佳答案

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

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

.

关于html - 更改子导航的 css,同时保留带有图片的原始导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21917557/

相关文章:

带有 gif 的 Html & Css 图像边框

html - 当我缩小窗口时,如何使我的背景图像不变小?

html - 如何让div填充浏览器窗口的宽度和高度而不拉伸(stretch)图像

javascript - 如何修复 Flot js 上的 xaxis 标签

javascript - 上传图像然后检查最大标准然后创建缩略图

jquery - 如何将所有列设置为相同高度?

javascript - Fullpage.js 只能在本地工作?

javascript - 如何在 javascript for 循环中呈现大块 html

css - 如何为 dojo ValidationTextBox 提供自定义样式?

css - 在 :hover 上更改 Font Awesome 图标