更改subnav的css,同时保持原始导航与图片

时间:2014-02-20 19:25:32

标签: html css

我想更改此代码上的子数据,但每次尝试时都需要父元素(上面的背景图片。

我原本以为添加以下代码会删除subnavs的背景图像,但事实并非如此。

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

我想要的是为每个链接的名称做一些基本的css。没有什么花哨。 下面是小提琴的链接

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

2 个答案:

答案 0 :(得分:1)

好的,所以我看到你正在做一个仅限CSS的菜单,但是这涉及到把所有的课程放到最后,这最终成了一个巨大的代码混乱。我认为更好的方法是使用jQuery。这样的事情:http://jsfiddle.net/ewB9b/

看看HTML代码是如何干净整洁的?刚刚嵌套了一个类的UL。现在在CSS中,您可以轻松地设置主要链接的样式,而不是下拉列表。阅读CSS中的注释,看看是什么。

.

答案 1 :(得分:0)

尝试:

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