ارث بری کلاس ها

[+Mohammad+]

سلام و درود
میخواستم ببینم چجوری میشه به کلاس هایی که از هم ارث میبرن استایل بدیم ... ؟
این کد رو ببینید :

<table width="400" border="0" align="right" dir="rtl" id="tbl-gold" cellpadding="0" cellspacing="0">
<tr id="tbl-gold-header">
    <th scope="col">طلا و نقره</th>
    <th scope="col">قیمت</th>
    <th scope="col">تغییر</th>
    <th scope="col">زمان</th>
</tr>
  <tr class="row odd">
    <td>تست</td>
    <td>تست</td>
    <td>تست</td>
    <td>تست</td>
  </tr>
  <tr class="row even">
    <td>تست</td>
    <td>تست</td>
    <td>تست</td>
    <td>تست</td>
  </tr>
  <tr class="row odd">
    <td>تست</td>
    <td>تست</td>
    <td>تست</td>
    <td>تست</td>
  </tr>
  <tr class="row even">
    <td>تست</td>
    <td>تست</td>
    <td>تست</td>
    <td>تست</td>
  </tr>
</table>

الان odd و even از row ارث میبرن...
توی این کد الان چجوری به row odd و row even باید استایل داد ؟ و چجوری فقط به row استایل بدیم ؟

 

[3d mostafa]

خب برای row جدا استایل تعریف کن دیگه . هر شی ای که کلاسش row باشه اون استایل رو میگیره . برای odd و even هم جدا . مثلا اینطوری :
[CSSS]
.row {
color:blue;
font-size:20px;
}
.odd {
color:red;
}
[/CSSS]
خاصیت های مشترک رو دیگه فقط تو استایل row بنویس .