Ссылки на элементы таблицы

0

Скажем, например, у меня есть табличный макет, подобный этому

            <table>
        <tr>
            <td id="AEimage1">
                row 1 cell 1
            </td>
            <td id="AEimage2">
                row 1 cell 2
            </td>
        </tr>
        <tr>
            <td id="setup1">
                row 2 cell 1
            </td>
            <td>
                row 2 cell 2
            </td>
            <td>
                row 2 cell 3
            </td>
            <td>
                row 2 cell 4
            </td>    
        </tr>
    </table>  

Как я могу вызвать отдельную строку и ячейку в css? Так сказать, я хотел позвонить в [Row2, cell 1], как бы я это сделал? Я попытался уложить элементы в css, как показано ниже.

#LinkCSS table tr tr td {

Но это не сработало для меня. Что я делаю не так?

(В качестве примечания я понимаю, что могу дать идентификаторы ячеек и позвонить им таким образом, но это не работает для меня).

  • 0
    LinkCSS - это LinkCSS вашей таблицы?
  • 0
    Это заполнитель, но да, это так.
Теги:
table

1 ответ

3
Лучший ответ

Вы можете использовать селектор :nth-child селектор :first-child следующим образом:

table tr:nth-child(2) td:first-child {
  color:red;
}

Demo.

  • 0
    Позволит ли это тогда изменить размеры отдельных ячеек?
  • 0
    @CameoCream Да, вы можете попробовать добавить width: 200px стиля width: 200px вместо color:red , однако все ячейки в одном и том же столбце не могут иметь разную ширину, если вы где-то не используете какой-либо встроенный colspan.
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню