Скажем, например, у меня есть табличный макет, подобный этому
<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 {
Но это не сработало для меня. Что я делаю не так?
(В качестве примечания я понимаю, что могу дать идентификаторы ячеек и позвонить им таким образом, но это не работает для меня).
Вы можете использовать селектор :nth-child
селектор :first-child
следующим образом:
table tr:nth-child(2) td:first-child {
color:red;
}
width: 200px
стиля width: 200px
вместо color:red
, однако все ячейки в одном и том же столбце не могут иметь разную ширину, если вы где-то не используете какой-либо встроенный colspan.
LinkCSS
- этоLinkCSS
вашей таблицы?