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

2个类名的嵌套问题

2个类名的嵌套问题

qq_眉黛青山_0 2016-06-03 10:33:55
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>图片特效展示</title> <style type =css/text> body, ul, li, ol { list-style: none; padding: 0px; margin: 0px; font-size: 12px; font-family: 微软雅黑; } img { border: 0px; } .picList { width: 100%; float: left; } .picList .pic1 { width: 300px; height: 200px; position: relative; overflow: hidden; float: left; margin: 10px 0 0 10px; } .picList .om img, .om a { position: absolute; top: 0px; left: 0px; } .picList .om img { width: 100%; } .picList .om a { display: block; width: 280px; height: 180px; top: 160px; background:#000; color: white; font-style: normal; line-height: 25px; padding: 10px; opacity: 0.8; text-decoration: none; } </style> </head> <body> <div  class="picList" id="picList"> <div id="pic1" class ="pic1" > <img src="img/1.jpg" alt=""> <a href="#">附近可过生日<br> 放哪搜地高峰击鼓hi土豪商品房 </a> </div> <div  class="om" id="pic2"> <img src="img/2.jpg" alt=""> <a href="#">圆角水晶按钮制作<br> 网页中圆角按钮和狂堵按钮制作就这么轻松 </a> </div> <div  class="om" id="pic3"> <img src="img/3.jpg" alt=""> <a href="#">导航条菜单制作<br> 30分钟教会你制作各式各样的导航条菜单 </a> </div> </div> </body> </html>问.picList.pic为什么不起作用?
查看完整描述

2 回答

已采纳
?
侠客岛的含笑

TA贡献552条经验 获得超285个赞

style type =css/text>改为style type=text/css

查看完整回答
4 反对 回复 2016-06-03
?
刚毅87

TA贡献345条经验 获得超309个赞

style 的类型写错了 type= text/css, 只是因为这个,类名可以重叠

查看完整回答
1 反对 回复 2016-06-03
  • 2 回答
  • 0 关注
  • 1389 浏览
慕课专栏
更多

添加回答

举报

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