Здравствуйте.
Помогите разобраться с наследованием в CSS.
Хочу создать стиль для отображения таблиц, но хочется, чтобы все стили действовали только внутри таблицы.
Сейчас получилось, что при определении, стили элементов таблицы действуют и вне ее.
На
Сильно не ругайте, и не пинайте
Заранее благодарю
таблица стилей
пример
Помогите разобраться с наследованием в CSS.
Хочу создать стиль для отображения таблиц, но хочется, чтобы все стили действовали только внутри таблицы.
Сейчас получилось, что при определении, стили элементов таблицы действуют и вне ее.
На
Ссылка скрыта от гостей
указано, что потомков для наследования надо указывать через знак ">", но в моем случае что-то не выходит. Сильно не ругайте, и не пинайте
Заранее благодарю
таблица стилей
Код:
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>