CSS继承问题求助 - Web 开发 / HTML(CSS)

假如要设计如图网页：

图中A、B、C、D四块样式基本一样，就是位置不一样，应该不必写四个类似（只是位置不同）的DIV吧，请问如何用CSS继承特性来做！

---

不一样啊 光看背景图片就不一样了 只是背景图的颜色差不多而已

<div class="top"></div>
<div class="area">
  <div class="left"要加浮动></div>
  <div clas="right"要加浮动>
  <div>a</div>
  <div>b</div>
  <div>c</div>
  <div>d</div>
  </div>

</div>

---

引用

不一样啊 光看背景图片就不一样了 只是背景图的颜色差不多而已

<div class="top"></div>
<div class="area">
<div class="left"要加浮动></div>
<div clas="right"要加浮动>
<div>a</div>
<div>b</div>
<div>c</div>
<div>d</div>
……

是一样的，那四个是我复制的，我就样知道能不能用CSS继承来实现只写一个特定样式，然后再写四个样式继承这个特定样式，只是各自定义显示位置。

---

继续好像中能继承一些字体大小之类的  
背景图好像不能继承的

那你就写一个公用的 background样式

全部调用就行了

<div class="bgclass ...这里写一些其它的类"></div>
{{---