Как сделать адекватную простую HTML / CSS Таблицу?

Question

[kyragak1996]

Есть таблица, 3 столбца и около 30 строк, нужно указать отдельные размеры каждого столбика как в пикселях(для пк), так и в процентах(при media запросе) для мобильных устройств, так же разное выравнивание текста в каждом столбике и размер шрифта, и так же что бы можно было указать размер шрифта через media запрос

В двух словах как сделать таблицу управляемую css?

очень долго искал ответы на свои вопросы, но так и не нашёл того что нужно и что бы это работало

Код

<table>
        <tr>
            <td>Населеный пункт</td>
            <td>Isuzu</td>
            <td>Манимулятор с разгрузкой до 1 часа</td>
        </tr>
        <tr>
            <td>по г.Светлограду (центр)</td>
            <td>350</td>
            <td>800</td>
        </tr>
        <tr>
            <td>по г.Светлограду (окраины)</td>
            <td>400</td>
            <td>1000</td>
        </tr>
        <tr>
            <td>г. Ставрополь</td>
            <td>2700</td>
            <td>7000</td>
        </tr>
        <tr>
            <td>п. Березовский</td>
            <td>1800</td>
            <td>3600</td>
        </tr>
        <tr>
            <td>г.Благодарный</td>
            <td>2500</td>
            <td>4000</td>
        </tr>
</table>

Comments

[hellcaster]

Не очень понимаю в чем проблема. Задайте одинаковые классы тем элементам, которые должны выглядеть одинаково. И изменяйте их через CSS. Если не хотите классы и знаете, что структура таблицы 100% не будет меняться, то можно tr td:nth-of-type(1) { ... } и т.д.

[kyragak1996]

hellcaster, спасибо,

tr td:nth-of-type(1) { ... }

пришлось немного разбираться, но замечательно подошло, спасибо большое

Answer 1

[Константин Федоров]

Ну либо всему классы вешать, либо например через css псевдокласс :nth-child по номеру стилизовать.