css如何嵌套一个层

html-css0130

css如何嵌套一个层,第1张

<center>

<div class="c2">

<div class="c1">

asd

</div> <img src="./reg_bg.jpg" width="1300px" height="950px">

</div>

</center>

写子元素的css 时嵌套父层的class在能限制样式的作用范围。

<div class="a"><div class="b">文字</div></div>

<div class="b">文字</div>

比如上面的代码,如果css写成:.b { color:red} 那么,两行代码中的文字都会变成红色。

第一行class=b元素是有父元素的。如果css代码写成:.a .b { color:red} 第一行代码中的文字会变成红色,第二行中的却不会变色。