为了账号安全,请及时绑定邮箱和手机立即绑定

雪碧图和老师讲的一样,但是有的图标显示不出来?

雪碧图和老师讲的一样,但是有的图标显示不出来?

<!DOCTYPE HTML><html><head><meta charset="utf-8"/><style>ul{list-style:none;}.cat{ background-color:#f8f8f8; border:1px solid #bbb; width:150px;}li h3{font-size:14px;   font-weight:400;}h3,ul{margin:0;padding:0}li{ height:31px; line-height:31px; overflow:hidden; border-bottom:1px solid #dedede; }li i{display:inline;width:30px;height:24px;float:left;background:url(sidebar.png) no-repeat;}i.cat-2{ background-position:0,-24px;}</style></head><body><div class="cat"><ul> <li class="cat-1"> <i ></i> <h3>服装内衣</h3> </li>  <li  class="cat-2"> <i></i> <h3>鞋包配饰</h3> </li> <li class="cat-3"> <i ></i> <h3>运动互外</h3> </li></ul></div></body></html>
查看完整描述

2 回答

?
闹小志

TA贡献75条经验 获得超42个赞

i.cat-2的意思是:类名为cat-2i元素,可是cat-2是li呀 所以应该只是你选择器写错了  !

查看完整回答
反对 回复 2015-12-01
?
慕盖茨0950386

TA贡献1条经验 获得超0个赞

CSS中应该是.cat-2 i{}

查看完整回答
反对 回复 2015-12-01
  • 2 回答
  • 0 关注
  • 2292 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信