很多页面使用一个共同的css样式,怎么局部改变其中一个,而使其它保持不变?怎样用css继承实现呢?

html-css029

很多页面使用一个共同的css样式,怎么局部改变其中一个,而使其它保持不变?怎样用css继承实现呢?,第1张

你可以在这个

<div class="div" style="width:50px"></div>

里面多定义一个div名称

如<div="abc" class="div" style="width:50px"></div>

你再加多一个div的style就可以了。

你这个嵌套关系有点乱,如果你第二个div不想要的话为什么不直接放在#div1 #div2外面。

按照css的继承关系,#div2只能继承width:200px的属性。

如果哈,如果你这外面已经没有其他的元素了,你直接给它加一个style='width:90%'好了。

我建议你换一个写法

<div id="div1" style="width:90%">

   <div style="width:200pxposition: relative"></div>

   <div id="div2" style="position: absolutetop:0left:0"></div>

</div>

这样#div2就可以继承#div1的属性并且不会被第二个div干扰了。

关于css的嵌套关系

http://jingyan.baidu.com/article/647f0115eb4cb17f2148a8a7.html