Question

CSS里关于A标签的菜鸟问题！

CSS里一段代码如下：
menu是一个div的ID,这个DIV里有一个ul,ul里有几个li，li里面有a标签

#menu a:visited,a:hover{
color:#FFFFFF;
text-decoration:none;
display:block;
width:inherit;
height:inherit;
}

我这样写的话这整个一段CSS就不会起作用。
如果我把"#menu a:visited,a:hover{"改为"#menu a,a:visited,a:hover{"
那么就会起作用。（IE里只有visited,hover起作用，本身的a并不起作用）。

请问这个问题出在哪里?为什么这么奇怪呢？

Answer 1

首先，a:visited,在你这个连接没有被点击的时候是不起作用的
a:hover是鼠标移入的时候的效果。
a才是打开页面的初始样子。
你这个要搞清楚呐！
width:inherit;
height:inherit;
这俩句干什么？
还有DIV不用设置display:block;
至于text-decoration:none;DIV不设置这个。
一般连接才设置这个。只有连接默认才有下划线。

Answer 2

A是指连接的意思，表示网页中所有的超链接，a:visited是访问过的意思，a:hover是正在访问，就是鼠标放上去的样式，A指明了内容主体。

Answer 3

a

Answer 4

这两句我觉得是多余的，可以删掉了
width:inherit;
height:inherit