<ul>
<li>首页</li>
<li>课程中心</li>
<ul>
<li>Web前端</li>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ul>
<li>Android开发</li>
<li>PHP开发</li>
</ul>
</ul>
<li>首页</li>
<li>课程中心</li>
<ul>
<li>Web前端</li>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>jQuery</li>
</ul>
<li>Android开发</li>
<li>PHP开发</li>
</ul>
</ul>
.topList .top em{
display:block;width:20px;height:16px;line-height:16px;text-align:center;color:#333;font-style:normal;background:url(http://img.imooc.com/53cf0fa20001d3dc00200032.jpg) no-repeat 0 0px;}
li{height:28px;line-height:28px;}
display:block;width:20px;height:16px;line-height:16px;text-align:center;color:#333;font-style:normal;background:url(http://img.imooc.com/53cf0fa20001d3dc00200032.jpg) no-repeat 0 0px;}
li{height:28px;line-height:28px;}
ul li{list-style:none;float:left;width:50px;height:30px;line-height:30px;text-align:center;}
ul li a:link,ul li a:visited{display:block;text-decoration:none;color:black;}
ul li a:hover,ul li a:active{display:block;text-decoration:none;background:#be3948;color:white;}
ul li a:link,ul li a:visited{display:block;text-decoration:none;color:black;}
ul li a:hover,ul li a:active{display:block;text-decoration:none;background:#be3948;color:white;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} /*所有主流浏览器都支持 :after 伪元素。*/
.clearfix{*+height:1%;}/*不知道有什么用处,不加ie7也没有问题*/
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}//只针对IE6/7
.clearfix{*+height:1%;}/*不知道有什么用处,不加ie7也没有问题*/
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}//只针对IE6/7
关于风格文件的问题,老师好像讲的不对,不需要引用风格相关的两个文件,只需要在初始化的地方添加pattern:'mF_name',就可以更改和应用不同的风格了,我用的是2.0.4版。
2016-03-26