Как задать уникальные стили для каждой плитки в таблице на GetCourse?

Привет! Хочу поделиться с вами способом, как можно задать уникальные стили для каждой ячейки в таблице на GetCourse, используя CSS.

Для того чтобы узнать номер идентификатора (id) нужной ячейки, нужно ее выбрать и открыть инструменты разработчика в браузере.

Для этого, нажмите правой кнопкой мыши на ячейке и выберите "Инспектировать элемент". В открывшемся окне инструментов разработчика вы увидите HTML-код элемента, где можно найти уникальный идентификатор, который обозначен как data-training-id. Этот номер id можно использовать для создания уникальных стилей для каждой ячейки в таблице при помощи селектора CSS.

Для примера, чтобы задать стиль для ячейки с id 727468667, нужно использовать следующий код:

.stream-table tr[data-training-id="727468667"] td { {
background-color: red;
color: white;
font-size: 16px;
height: 50px;
}

Этот код описывает стили для таблицы, которая имеет класс "stream-table". Он выбирает все строки (tr) в таблице, у которых есть атрибут "data-training-id" со значением "727468667", и устанавливает для ячеек (td) в этих строках определенный набор свойств стиля.

Конкретно, он устанавливает красный фон и белый цвет текста для ячеек, а также устанавливает высоту каждой ячейки 50 пикселей и размер шрифта 16 пикселей. Это может быть полезно, чтобы выделить конкретные строки или ячейки в таблице, связанные с определенным "data-training-id".

Точно также, можно установить уникальные стили для других ячеек в таблице, используя соответствующие номера id. Например, для ячейки с id 727468859 нужно использовать следующий код:

.stream-table tr[data-training-id="727468859"] td  {
background-color: blue;
color: white;
font-size: 20px;
height: 70px;
}

Этот код описывает стили для таблицы, которая имеет класс "stream-table". Он выбирает все строки (tr) в таблице, у которых есть атрибут "data-training-id" со значением "727468859", и устанавливает для ячеек (td) в этих строках определенный набор свойств стиля.

Конкретно, он устанавливает синий фон и белый цвет текста для ячеек, а также устанавливает высоту каждой ячейки 70 пикселей и размер шрифта 20 пикселей.

Таким образом, можно легко создать индивидуальный дизайн для каждой ячейки в таблице.