Jak "najlepiej" stylować tabele z wykorzystaniem konwencji Block Element Modifier? Kiedyś przeczytałem, że nie wszystkie znaczniki opisujące tabele mogą być wykorzystywane do stylowania (chyba chodziło o znacznik <tr>).
Ktoś ogarnięty w temacie mógłby co nieco napisać?
<table class="table">
<thead>
<tr>
<th class="table__th">id</th>
<th class="table__th">name</th>
</tr>
</thead>
<tbody>
<tr>
<td class="table__td">1</td>
<td class="table__td">john</td>
</tr>
</tbody>
</table>
.table {
width: 100%;
border-collapse: collapse;
}
.table__th,
.table__td {
padding: 1.25rem;
}
.table,
.table__th,
.table__td {
border: 0.0625rem solid #333;
}