> 웹 프론트엔드 > HTML 튜토리얼 > css鼠标经过菜单变色_html/css_WEB-ITnose

css鼠标经过菜单变色_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-21 09:28:22
원래의
1788명이 탐색했습니다.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>#navigation{	width:200px;	font-family:Arial,		}	#navigation ul{		 list-style-type:none;		 margin:0px;		 padding:0px;		 				}		#navigation ul li{			border-bottom:1px solid #ed9f9f;									}#navigation ul li a{	 display:block;	 padding:5px 5px 5px 0.5em;	 text-decoration:none;	 border-left:12px solid #711515;	 border-right:1px solid #711515;		}			body{		 background-color:#FFC;		}#navigation li a:link,#navigation li a:visited{		background-color:#c11136;		 color:#ffffff;}#navigation li a:hover{					/* 鼠标经过时 */     	background-color:#990020;			/* 改变背景色 */	color:#ffff00;						/* 改变文字颜色 */}</style></head><body><div id="navigation"> <ul>  <li><a href="#">Home</a></li>    <li><a href="#">My Blog</a></li>      <li><a href="#">Friends</a></li>        <li><a href="#">Next Station</a></li>          <li><a href="#">Contact Me</a></li></div></body></html>
로그인 후 복사




#navigation li a:link,#navigation li a:visited{
background-color:#c11136;
 color:#ffffff;
}
这段  我写成这样
#navigation ul li a:link,#navigation ul li a:visited{
background-color:#c11136;
 color:#ffffff;
}
(注意  li前面多了一个ul)  为什么就无法实现菜单变色效果?  指定ul标签下li 中a鼠标经过事件这么表达没错吧?  为什么不无法实现?


回复讨论(解决方案)

楼主你的代码复制下来并没有你说的问题,A标签伪连接属性正常啊。


#navigation li a:link,#navigation li a:visited{
        background-color:#c11136;
         color:#ffffff;
}
改写成
#navigation ul li a:link,#navigation ul li a:visited{
background-color:#c11136;
 color:#ffffff;
}

你下面的伪连接属性也要加上ul。

谢谢  我明白了

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿