JSFiddle - React, Tailwind, and code Playground

by geirby

HTML

<!DOCTYPE html>
<html lang="ru">
<head>
     <link rel="stylesheet" href="tablica.css">
</head>
<body>
<table class="items"> 
    <thead>
       <tr>
        <th>Название элемента</th>
        <th>Описание</th>
    </tr>    
    </thead>
    <tbody>
        <tr>
            <td>table</td>
            <td>Таблица</td>
        </tr>
        <tr>
            <td>tr</td>
            <td>Ряд</td>
        <tr>
            <td>td</td>
            <td>Ячейка</td>
        </tr>
        <tr>
            <td>th</td>
            <td>Заголовочная ячейка</td>
        </tr>
        <tr>
            <td>thead</td>
            <td>Шапка таблицы</td>
            </tr>
        <tr>
            <td>tbody</td>
            <td>Тело таблицы</td>
        </tr>
      </tbody>
</table>
</body>
</html>

CSS

.items th,
.items td {
}

.items tbody tr:nth-of-type(2n+1) {
    background-color: rgb(146, 252, 194);
}