Как переопределить css-настройку для элементов вложенной таблицы? - PullRequest
0 голосов
/ 04 июля 2011

CSS:

table.t_group  tbody th
{
    text-align: left;
}

table.t_group_matches tbody th
{
text-align: center;
}

HTML:

<table class="t_group">
    <tbody>
        <tr>
            <td style="width:200px">123</td>
            <td style="width:200px">456</td>
        </tr>
    </tbody>
    <tfoot><tr><td colspan="2">
        <table class="t_group_matches">
            <tbody><tr>
                <th>Some text to be centered</th>
            </tr></tbody>
        </table>
    </td></tr></tfoot>
</table>

Указанный текст не центрирован ...

Посоветуйте, пожалуйста, как сделать так, чтобы он был центрирован?

PS Я мог бы добавить спецификацию стиля в сам тэг (это работает), но я не хотел бы перемещать эти «вещи» из файла CSS.

PPS

Если это важно, мой «тип документа»:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

PPPS

Если вам известны какие-либо новые функции (html5, css3), которые могут работать, пожалуйста, также сообщите.

1 Ответ

2 голосов
/ 04 июля 2011

Текст центрирован, только таблица не заполняет ширину окружающей области:

table.t_group_matches {width:100%}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...