Question

请教一个css代码？

#navigation_main { }
#navigation { height:51px; background:#0066FF; background:url(images/navigation_bg.jpg) no-repeat; padding:10px 30px; width:900px; }
#navigation li { float:left; line-height:51px; text-align:center; }
#navigation li a { width:80px; display:block; color:#FFF; font-weight:bold; font-size:12px; }
#navigation li a:hover { text-decoration:none; }
#navigation li 和#navigation li a 和#navigation li a:hover有什么区别？干吗要加A？

Answer 1

CSS解析的时候，是以最后为准。
上面有a的定义，那么，再加入hover，是对hover状态的单独定义。

就如

border：1px solid #ccc;
border-left:1px dashed #ccc;

先整体定义所有的边框（也包括左侧边）
然后单独定义（必须注意先后顺序）

Answer 2

额.有很大的差别!A是超连接.而HOVER则是超连接的其中的一种悬浮模式!
+了A是说明这噶超连接用了悬浮模式.没+其实也是一样的!不过通常还的加的好!

Answer 3

加了a 是对<a href= ""></a>里东西的修饰， #navigation li a 和#navigation li a:hover 这个就表示看到的链接是一个样子，鼠标停在上面又是一个样子

Answer 4

这是做CSS伪类
a:link {color: #FF0000} /* 未访问的链接 */
a:visited {color: #00FF00} /* 已访问的链接 */
a:hover {color: #FF00FF} /* 鼠标移动到链接上 */
a:active {color: #0000FF} /* 选定的链接 */

以上代码是说文档中的超链接添加不同的颜色。

Answer 5

#navigation li 是定义 li(<li></li>)的样式 ；#navigation li a 是定义li中链接的样式(<li><a href=''></a></li>) ；#navigation li a:hover是定义li中链接的鼠标经过时的样式