1. Набираем команду codeby webinar. Набираем команду для организации и проведения вебинаров. Подробнее ...

    Скрыть объявление
  2. Требуются разработчики и тестеры для проекта codebyOS. Требования для участия в проекте: Знание принципов работы ОС на базе Linux; Знание Bash; Крайне желательное знание CPP, Python, Lua; Навыки системного администрирования. Подробнее ...

    Скрыть объявление
  3. Получи 30.000 рублей. Для получения денег необходимо принять участие в конкурсе авторов codeby. С условиями и призами можно ознакомиться на этой странице ...

    Внимание! Регистрация авторов на конкурс закрыта.

    Скрыть объявление

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

Тема в разделе "Web - программирование", создана пользователем Andrew Stephanoff, 26 июл 2005.

Статус темы:
Закрыта.
  1. Andrew Stephanoff

    Andrew Stephanoff Гость

    Репутация:
    0
    Здравствуйте.
    Помогите разобраться с наследованием в 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>
     
  2. Andrew Stephanoff

    Andrew Stephanoff Гость

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

    Guest Гость

    Репутация:
    0
    а в чем проблема была?
     
  4. Andrew Stephanoff

    Andrew Stephanoff Гость

    Репутация:
    0
    неверное определение стиля
    Код:
    table.display > th, td {
    надо так
    Код:
    table.display th, table.display td {
    и соответсвенно везде. где определялось более одного стиля для таблицы
     
Загрузка...
Похожие Темы - Наследование Css
  1. Dragon108
    Ответов:
    23
    Просмотров:
    5.881
  2. pingvin-olia-23
    Ответов:
    1
    Просмотров:
    281
  3. vladis222
    Ответов:
    4
    Просмотров:
    1.701
  4. vladis222
    Ответов:
    4
    Просмотров:
    2.059
  5. Stashevckiy
    Ответов:
    10
    Просмотров:
    3.232
Статус темы:
Закрыта.

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