CSS Почему эта ячейка таблицы не выровнена по левому краю? - PullRequest
1 голос
/ 19 июня 2011

Я пытаюсь создать таблицу с выравниванием первой ячейки по левому краю и центрированием всех остальных ячеек.

Я могу это сделать, но подумал, что буду использовать другую технику CSS, и это поставило меня в тупик.

В приведенном ниже примере я бы подумал, что ячейка таблицы с class = "left" будет иметь приоритет над выравниванием центра уровня таблицы, но, похоже, это не так. Все ячейки центрированы.

Все отзывы приветствуются!

<head>
    <style type="text/css">

        td {border:solid 1px black;}

        table.SomeTable td {text-align:center;}

        td.Left {text-align:Left;}

    </style>
</head>
<body>
    <table class="SomeTable" cellpadding="10" cellspacing="0">
        <tr>
            <td style="width:100px;" class="Left">Why not left justified?</td>
            <td style="width:100px;">aaa</td>
            <td style="width:100px;">aaa</td>
            <td style="width:100px;">aaa</td>
        </tr>
    </table>
</body>

1 Ответ

4 голосов
/ 19 июня 2011

Правило table.SomeTable td действительно более специфично, чем td.Left.

Вы можете исправить это, добавив класс таблицы:

table.SomeTable td.Left {text-align:Left;}

Вот некоторые сведения о том, как работает специфичность CSS: Очки о специфичности CSS

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...