Как выбрать последний класс или последний тип в CSS

Question

Как выбрать последний класс или последний тип в CSS

0

Так вот моя проблема. Я пытаюсь добавить текст "раз" после ячейки ввода с помощью CSS. Я смог выполнить это, используя код css ниже.

Теперь я хотел обновить последнее, вместо этого, вместо "total". Имейте в виду, что параметры являются динамическими и не фиксированными.

CSS

<style>
   .input_cell:after  { content: " times"; }
</style>

HTML

<table>
<tr><td class="input_cell"><input type="text" name="B1" size="3"  id="B1">
</td><td class="option_cell"><div class="options">Math</div></td>
</tr><tr><td class="input_cell"><input type="text" name="B2" size="3"  id="B2">
</td><td class="option_cell"><div class="options">Science</div></td>
</tr><tr><td class="input_cell"><input type="text" name="B3" size="3"  id="B3">
</td><td class="option_cell"><div class="options">History</div></td>
</tr><tr><td class="input_cell"><input type="text" name="B4" size="3"  id="B4">
</td><td class="option_cell"><div class="options">Geology</div></td>
</tr><tr><td class="input_cell"><input type="text" name="B5" size="3"  id="B5">
</td><td class="option_cell"><div class="options">Algebra</div></td>
</tr><tr><td class="input_cell"><input name="B_total" type="text" size="3" class="total" id="B_total"></td><td class="option_cell"><div class="options">Total</div></td></tr>
</table>

Crismogram 16 апр. 2014, в 17:37

Источник

0

Посмотрите на last-child и last-of-type
TylerH 16 апр. 2014, в 14:49

Теги:

html

css

1 ответ

Ещё вопросы

Niet the Dark Absol · Accepted Answer · 2014-04-16T12-47-00.000Z

Вам нужно будет сделать это:

tr:last-child>td.input_cell:after {content: " total";}

Причиной этого является то, что last-child вещь - это строка таблицы.

Niet, твой гений. Это работает отлично. Я приму ответ через 10 минут. Я предполагаю, что они никогда не ожидают, что примут ответ легко.
Рад, что смог помочь, спасибо за комплимент :)