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

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем Andrew Stephanoff, 26 июл 2005.

Наш партнер Genesis Hackspace
Статус темы:
Закрыта.
  1. Andrew Stephanoff

    Andrew Stephanoff Гость

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

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

    Код (Text):
    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;
    }
    пример

    Код (Text):
    <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>
     
  2. Andrew Stephanoff

    Andrew Stephanoff Гость

    все, разобрался -- ак всегда вопрос уперся в кривизну рук :D
     
  3. Guest

    Guest Гость

    а в чем проблема была?
     
  4. Andrew Stephanoff

    Andrew Stephanoff Гость

    неверное определение стиля
    Код (Text):
    table.display > th, td {
    надо так
    Код (Text):
    table.display th, table.display td {
    и соответсвенно везде. где определялось более одного стиля для таблицы
     
Загрузка...
Похожие Темы - Наследование Css
  1. Dragon108
    Ответов:
    23
    Просмотров:
    5.648
  2. vladis222
    Ответов:
    4
    Просмотров:
    1.647
  3. vladis222
    Ответов:
    4
    Просмотров:
    1.977
  4. Stashevckiy
    Ответов:
    10
    Просмотров:
    3.180
  5. olimp72
    Ответов:
    2
    Просмотров:
    2.464
Статус темы:
Закрыта.

Поделиться этой страницей