another_dream
@another_dream
Backend-разработчик, Laravel/ZF2/Yii2

Как применить CSS-стиль только к названиям колонок?

<table width="50%" border="1" cellpadding="1" cellspacing="1">
    <tbody>
        <tr>
            <td style="text-align: center; ">Column 1</td>
            <td style="text-align: center; ">Column 2</td>
            <td style="text-align: center; ">Column 3</td>
        </tr>
        <tr>
            <td>Text</td>
            <td>Text</td>
            <td>Text</td>
        </tr>
        <tr>
            <td>Text</td>
            <td>Text</td>
            <td>Text</td>
        </tr>
    </tbody>
</table>


В таблице нужно изменить background только у первых элементов в колонке
<td style="text-align: center; ">Column 1</td>
            <td style="text-align: center; ">Column 2</td>
            <td style="text-align: center; ">Column 3</td>

Должно получиться как на примере ниже
pR60v9j.png
Всем спасибо.
  • Вопрос задан
  • 3073 просмотра
Решения вопроса 5
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
<table>
    <thead>
        <tr>
            <th>col 1</th>
            <th>col 2</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
        </tr>
    </tbody>
</table>
Используйте th или пишите отдельный стиль для первой строки.
Ответ написан
vyshkant
@vyshkant
developer
Для этого предназначен тег <th> - обрамляйте ячейки шапки в него, а не в <td>.
Ответ написан
hadra
@hadra
Можно воспользоваться псевдоэлементами ... только поддержка css3 не у всех ((
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы