Наследование в Css

  • Автор темы Andrew Stephanoff
  • Дата начала
Статус
Закрыто для дальнейших ответов.
A

Andrew Stephanoff

#1
Здравствуйте.
Помогите разобраться с наследованием в CSS.
Хочу создать стиль для отображения таблиц, но хочется, чтобы все стили действовали только внутри таблицы.
Сейчас получилось, что при определении, стили элементов таблицы действуют и вне ее.
На w3c.org указано, что потомков для наследования надо указывать через знак ">", но в моем случае что-то не выходит.
Сильно не ругайте, и не пинайте :D
Заранее благодарю

таблица стилей

Код:
table.display {
   border-top  : 1px solid #000000;
   border-left : 1px solid #000000;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size   : 100%;
   width       : auto;
   text-align  : left; 
}
table.center > caption {
   text-align  : left;
}
table.display > th, td {
   border-right    : 1px solid #000000;
   border-bottom   : 1px solid #000000;
   padding         : 0.25em;
}
table.display > th {
   color               : #000000;
   background-color    : #C0C0C0;
   text-align          : center;
}
table.display > a, a:hover {
   color           : #000000;
   background-color: #FFFFFF;
   text-decoration : underline;
}
table.display > a:hover {
   text-decoration : none;
}
table.display > tr.selected {
   color               : #000000;
   background-color    : #DCDCDC;
}
пример

Код:
<html>
<head>
 <title>table</title>
 <link type='text/css' rel='Stylesheet' href='tables.css' />
</head>
<body>

<table class='display' border=0 cellPadding=0 cellSpacing=0>
<caption>caption</caption>
<tr>
   <th>header1</th>
   <th>header2</th>
</tr>
<tr>
   <td><a href='./'>index</a></td>
   <td>cell12</td>
</tr>
<tr class='selected'>
   <td>cell21</td>
   <td>cell22</td>
</tr>
</table>

<table>
<caption>caption</caption>
<tr>
   <th>header1</th>
   <th>header2</th>
</tr>
<tr>
   <td><a href='./'>index</a></td>
   <td>cell12</td>
</tr>
<tr>
   <td>cell21</td>
   <td>cell22</td>
</tr>
</table>

<a href='./'>index</a>

</body>
</html>
 
A

Andrew Stephanoff

#2
все, разобрался -- ак всегда вопрос уперся в кривизну рук :D
 
A

Andrew Stephanoff

#4
неверное определение стиля
Код:
table.display > th, td {
надо так
Код:
table.display th, table.display td {
и соответсвенно везде. где определялось более одного стиля для таблицы
 
Статус
Закрыто для дальнейших ответов.