2 одинаковых кода , не вижу разницу но они отличаютсья.

Общее
1

Да простой код на блин объясните я походу слеп.
1)
table {
width: 500px;
border-collapse: collapse;
}

.table td,
.table th {
border: 1px solid #ccc;
padding: 5px 10px;
}

.table thead {
background-color: #f0f1f4;
}

.table tfoot {
background-color: #121212;
color: #fff;
text-align: right;

.table td{

}
.table th{
border:1px solid #ccc;
padding: 5px 10px;
}
table{
border-collapse: collapse;
width: 500px;
}
.table thead{
background-color:#f0f1f4;
}
.table tfoot{
background-color: #121212;
color: #fff;
text-align: right;
}

и вот html

Работа с таблицами
№ Имя E-mail Пол Дата
1 Дмитрий dmitry@mail.com М 21.11.2020
2 Александр alex@mail.com М 23.11.2020
3 Виктория vika@mail.com Ж 24.11.2020
Всего: 3
2

Во втором случае
.table td{

}

пустое

3

дк в первом тоже

4

В первом случае селекторы записаны через запятую и свойства применяется к обоим. Во втором свойства заданы только .table th . а lдля
.table td{

}
свойства не заданы./