怎样在CSS中嵌套

html-css017

怎样在CSS中嵌套,第1张

CSS结构好的话,没有必要使用过多的类或者标识选择符。这是因为你可以指定在选择符内的选择符,而不必使用CSS嵌套。(或者更好的说法,上下文选择符--译者著)

1、比如:

ExampleSourceCode

#top{  background-color:#ccc  padding:1em  }  #toph1{  color:#ff0  }  #topp{  color:red  font-weight:bold  }

2、这就减去不必要的类或者标识选择符,如果应用到像这样的HTML中:

ExampleSourceCode

<dividdivid="top"> <h1>Chocolatecurry</h1> <p>Thisismyrecipeformakingcurrypurelywithchocolate</p> <p>Mmmmmmmmmm</p> </div>

这是因为,用英文半角空格间隔选择符,我们指明了在标识id内的h1有“#ff0”的颜色,而p则是红色red和粗体bold。这可能也会有些复杂(因为可能不止两级,比如在内在内在内在内等等)。有必要多加练习。

1、”当用表格定位网页,当网页被打开时,只有当表格内所有元素被加载完后,表格里内容才会显示,因此,不能把所有内容放在一个表格里,这样超级影响网页打开速度“不推荐表格布局的原因不是在这里,css布局代替table布局是基于内容样式分离、标签语义、代码可读性等多方面考虑的。

2、"是否要id=1下的所有div加载完后,整个div才会显示出来?"这个我真不明白是什么意思,浏览器渲染网页先构建dom树,然后加载内容。多层div嵌套显然会影响加载速度(虽然相比请求加载资源相比微不足道),所以我们一般要避免。

3、“另外嵌套层数太多,是否会影响到被搜索引擎搜到的机率?”这个完全不会,搜索引擎在处理数据是首先要过滤标签;

4、“div被吹的很强大”这个?div+css布局和table布局一样是极端情况,是不好的。div并不强大。要根据语义用。