Почему в данном случае тег div не работает?

Question

Хотела сделать через строку в таблице цветной фон, так как предполагается много объединенных ячеек. То, что должно быть в цвете, обернула в div. Он не работает внутри таблиц?
https://code.sololearn.com/WYXRybzdXvmB/?ref=app

Answer 1

Div, на сколько я помню, внутри таблицы не работает.

Answer 2

Светлана Жаркова, а меня основы пока устраивают, остальное придет со временем. Наверное, вопрос привычки :)
Успехов вам!

Answer 3

Roman Pervutinskiy , а если я хочу четко через одну? Каждый раз класс вставлять или можно как-то по другому?

Answer 4

Roman Pervutinskiy спасибо. Сама хочу 😳

Answer 5

Если нужно выделять через строку, попробуйте псевдокласс CSS
tr:nth-child(odd) {background:gray;}
Или even вместо odd
Или и то, и другое, разными цветами
Или tr:nth-child() {background:gray;}, а в скобках укажите, какой по счету tr нужно выделить

Answer 6

Вы мне подскажите, пожалуйста, как это обсуждение и ваш код увидеть на ПК :)
Кратко о псевдоклассах прямо тут написано в курсе CSS на примере :first-child и :last-child, остальное можно нарыть в интернетах. Например: www.webref.ru/course/css-advanced/pseudo-classes
UPD Поправила ссылку. Как же все-таки с приложения неудобно :(

Answer 7

Петр Влад ага, я узнала это на собственном опыте))

Answer 8

Нужно применять CSS к ряду в таблице:
https://code.sololearn.com/WyFJJ19VRlw1/?ref=app

Answer 9

Средствами CSS это сделать не получится. Можно использовать JavaScript, но вставлять классы будет удобнее (пока таблица небольшая).
Удачи!
P. S.: Могу написать функцию на JS, пишите!

Answer 10

Tatiana тааак, вот отсюда подробнее. Где можно почитать про псевдоклассы css, что это такое и зачем оно надо?😍

Answer 11

Tatiana на ПК... Сама не знаю :) за ссылку спасибо, здесь ещё не дошла. Но мне здесь статьи очень не нравятся, приходится дополнительные искать. Можно отправить код себе на почту или Яндекс диск, а там уже на ПК перебросить