css下拉菜单,注释中的部分是什么意思?对代码执行有影响吗?
<div class="menu">
<ul>
<li><a href="http://www.lanrentuku.com/">XHTML/CSS
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.lanrentuku.com/">标准</a></li>
<li><a href="http://www.lanrentuku.com/">教程</a></li>
<li><a href="http://www.lanrentuku.com/">技术文章</a></li>
<li><a href="http://www.lanrentuku.com/">常见问题</a></li>
<li><a href="http://www.lanrentuku.com/">布局教程专题</a></li>
<li><a href="http://www.lanrentuku.com/">CSS菜单</a></li>
<li><a href="http://www.lanrentuku.com/">浏览器兼容</a></li>
<li><a href="http://www.lanrentuku.com/">滚动条相关</a></li>
<li><a href="http://www.lanrentuku.com/">圆角矩形专题</a></li>
<li><a href="http://www.lanrentuku.com/">CSS特效欣赏专题</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li><a href="http://www.lanrentuku.com/">07艺术
<!--[if IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]-->
<ul>
<li><a href="http://www.lanrentuku.com/">设计家园</a></li>
<li><a href="http://www.lanrentuku.com/">设计家园</a></li>
</ul>
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
追问:<!--[if IE 7]><!-->和<!--<![endif]-->中的<!-->和<!--是什么意思?<!-->和<!--是什么意思?
答案:注释中的部分是针对各个浏览器的,因为每个浏览器对CSS的解析不同,为了达到统一,所以才会有这些注释;比如
<!--[if lte IE 6]></td></tr></table></a><![endif]--> 是针对IE6的样式
<!--[if IE 7]><!--></a><!--<![endif]--> 针对IE6的样式
这些网页设计中经常会用到,是不会影响执行的
其他:.menu ul li a.hide, .menu ul li a:visited.hide {display:none;}/一样的意思。 .menu ul li a:hover {color:#fff; background:#36f;}
上一个:这个图用css代码怎么写?
下一个:麻烦看下这段CSS代码怎么修改.