В настоящее время я пытаюсь создать границы вокруг и внутри моего стола, чтобы все элементы были разделены. Для этого код работает, но моя проблема здесь в том, что если мне придется использовать таблицу, элементы tr и th в другом экземпляре, они будут иметь те же атрибуты, что и первые. Даже если я не хочу, чтобы у них были границы. Я попытался преобразовать элементы стиля в класс, но если я сделаю это таким образом, мне придется инициализировать класс во всех элементах th, tr и table, которые у меня есть на данный момент. Кто-нибудь знает, как я мог бы определить класс, который выполняет функцию fullfill необходимую с помощью только инициализировать внутри тега таблицы? Класс, который влияет на все элементы внутри таблицы так же, как элементы стиля теперь?
<html>
<style>
table {border-collapse: collapse;}
tr, th, td{border: 1px solid black;
text-align: left;
padding: 4px;
}
</style>
<h1> Zutrittsversuche </h1>
<table>
<tr style="background:rgb(179, 174, 174);">
<th>ID</th>
<th>Uhrzeit</th>
<th>Chip</th>
<th>Chip Besitzer</th>
<th>Tür</th>
<th>Ergebnis</th>
</tr>
<tr>
<td>99</td>
<td>202x-02 17:52:12</td>
<td>3</td>
<td>Schmidt</td>
<td>Eingang Lager</td>
<td style="color:red">Zutritt abgelehnt</td>
</tr>
<tr>
<td>100</td>
<td>202x-02 17:52:25</td>
<td>3</td>
<td>Schmidt</td>
<td>Eingang Lager</td>
<td style="color:red">Zutritt abgelehnt</td>
</tr>
<tr>
<td>101</td>
<td>202x-02-14 01:11:20</td>
<td>1</td>
<td>Nettmann</td>
<td>Eingang Büro</td>
<td style="color:green">Zutritt gestattet</td>
</tr>
</table>