Question

网页导航栏模块设计CSS控制默认第一个LI背影

看下图，用CSS控制LI，第一个LI默认点开后的背影，也就是当前页，当鼠标移动到下一个LI时，下一个LI背影就为第一个LI一样，点开后，其背影变为第一个LI，第一个LI背影就普通。。。。<div class="com"> <div class="row"> <div class="logo">此处显示 class "logo" 的内容</div> <ul> <li class="active"><a href="#">首页</a></li> <li><a href="#">入门</a></li> <li><a href="#">中心</a></li> <li><a href="#">联系</a></li> </ul> </div></div>LU右对齐。我试了几种方法都做不出来求CSS样式!a,hover,focsu

Answer 1

像上面那种，就是定义ACTIVE属性，使其A的背影带色，每个页植入对应的ACTIVE，比如，首页只植入在第一个LI，第二个页只植入第二个LI。。。另外定义LI属性，使其HOVER的背影跟ACTIVE的背影色一样，这样子移动鼠标时对应的LI就显示背影色，点击后的背影色也不变。

Answer 2

你这个叫做当前页面高亮，可以搜索下，一般是程序后台判断是哪个页面，再给容器植入CSS，如果你是静态网页，或许可以用JS判断url，然后输出指定CSS

Answer 3

发给我帮你看看呢，或许能帮到你的

追问

DIV格式已经在上面的，只要补全CSS就行，当然第个页移动ACTIVE也可以做到，但是我觉得麻烦