收藏本站腾讯微博新浪微博

经典论坛

 找回密码
 注册

QQ登录

只需一步,快速开始

蓝色理想 最新研发动态 网站开通淘帖功能 - 蓝色理想插件 论坛内容导读一页看论坛 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

手机上论坛,使用APP获得更好体验 急需前端攻城狮,获得内部推荐机会 论坛开通淘帖功能,收藏终于可以分类了!

搜索
查看: 2575|回复: 2

[CSS] 新人求解,给解释一下各种嵌套吧。

[复制链接]
发表于 2018-6-8 15:55:34 | 显示全部楼层 |阅读模式
嵌套一直弄不太明白。新人一枚。。求解一下嵌套。下面的应该怎么理解。帮帮我吧


  1. header{width: 100%;height: 40px;background: #333}
  2. header .top{width: 1226px;height: 40px;line-height: 40px;}
  3. header .top .left ul li{float: left;font-size: 12px;color: #ccc;}
复制代码


还有这个:

  1. .banner_x {width: 1226px;height: 100px;}
  2. .banner_x .logo{background: url('../image/logo_top.png') no-repeat center center;width: 50px;height: 100px;}
  3. .banner_x .ad_top{width: 180px;height: 100px;background: url('../image/yyymix.gif') no-repeat center center;}
  4. .banner_x .nav ul li{float: left;height: 100px;line-height: 100px;}
复制代码


header前面为什么不有. 
.banner_x .ad_top  这个应该怎么理解?
.banner_x .nav ul li 这个应该怎么理解?我主要是分不清什么时候有.什么时候用空格。。头疼。。
发表于 2018-6-8 16:25:30 | 显示全部楼层
1、header前面为什么不有. 
因为这里的header指header标签:
  1. <header></header>
复制代码

这个标签是html5的新标签

2、.banner_x .ad_top  这个应该怎么理解?
表示样式类banner_x下面的样式类ad_top,比如
  1. <div class="banner_x">
  2.     <div class="ad_top"></div>
  3. </div>
复制代码


3、.banner_x .nav ul li 这个应该怎么理解?
同2,表示样式类banner_x下的样式类nav下的标签ul下的标签li
  1. <div class="banner_x">
  2.     <div class="nav">
  3.         <ul>
  4.             <li></li>
  5.         </ul>
  6.     </div>
  7. </div>
复制代码


带.的表示样式类,不带.表示是标签,此外还有#表示id
回复 支持 1 反对 0

使用道具 举报

 楼主| 发表于 2018-6-9 16:43:15 | 显示全部楼层
WellFrog 发表于 2018-6-8 16:25
1、header前面为什么不有. 
因为这里的header指header标签:

感谢。。。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|小黑屋|Archiver|手机版|blueidea.com ( ICP05002321 )  

GMT+8, 2019-9-22 08:11 , Processed in 0.094487 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表