Dúvida sobre classes | HTML5 e CSS3 parte 3: trabalhando com formulários e tabelas

Solucionado (ver solução)

Solucionado
(ver solução)

2
respostas

por Estudante

| 134.3k xp | 11 posts

Oi, eu tenho uma dúvida sobre as classes.

É normal colocar classe nas tags da tabela?

Exemplo do meu html abaixo:

<section class="tbl-expediente">
                <table class="tbl-cont-principal">

                    <thead class="tbl-head">
                        <tr class="tbl-linhas">
                            <th>Dia</th>
                            <th>Horário</th>
                        </tr>
                    </thead>

                    <tbody class="tbl-corpo">
                        <tr class="tbl-linhas">
                            <td class="tbl-colunas">segunda-feira</td>
                            <td>24h</td>
                        </tr>
                        <tr class="tbl-linhas">
                            <td class="tbl-colunas">terça-feira</td>
                            <td class="tbl-colunas">24h</td>
                        </tr>
                        <tr class="tbl-linhas">
                            <td class="tbl-colunas">quarta-feira</td>
                            <td class="tbl-colunas">24h</td>
                        </tr>
                        <tr class="tbl-linhas">
                            <td class="tbl-colunas">quinta-feira</td>
                            <td class="tbl-colunas">24h</td>
                        </tr>
                        <tr class="tbl-linhas">
                            <td class="tbl-colunas">sexta-feira</td>
                            <td class="tbl-colunas">fechado para revoada</td>
                        </tr>
                        <tr class="tbl-linhas">
                            <td class="tbl-colunas">sábado</td>
                            <td class="tbl-colunas">24h</td>
                        </tr>
                        <tr class="tbl-linhas">
                            <td class="tbl-colunas">domingo</td>
                            <td class="tbl-colunas">24h</td>
                        </tr>
                    </tbody>
                </table>
            </section>

Só pra saber se é algo normal que todo mundo faz ou se é tranquilo fazer assim. Se eu, hipoteticamente, mandasse pra outra pessoa da equipe.. a pessoa acharia tranquilo ou jogaria no lixo?

2 respostas

solução!

por Patrick Pinheiro Monteiro

| 298.3k xp | 28 posts

Front-end Engineer

24/12/2021

Não há problemas em colocar classe na tabela. Porém é possível otimizar seu código para que não fique tão repetitivo. Observe que toda nova tr e td você sempre tem que repetir as classes. É possível você aplicar um CSS para uma tag html, como por exemplo:

td, th { 
    padding: 10px; 
    border: 1px solid #ccc; 
    text-align: left; 
    font-size: 18px;
    }

Desta forma, toda td ou th de sua tabela irá ter sempre este css aplicado =)

por GIOVANI

| 30.6k xp | 4 posts

Desenvolvedor Full Stack JR

24/12/2021

É tranquilo, mas uma forma de melhorar isso e não precisar ficar declarando as classes em cada linha/coluna seria criar as classes da seguinte forma:

.tbl-corpo tr {
    /* Style das linhas */
}

.tbl-corpo tr td {
    /* Style das colunas */
}

E no html usar apenas a classe "tbl-corpo" no tbody