Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Dúvida sobre classes

Referente ao curso HTML5 e CSS3 parte 3: trabalhando com formulários e tabelas, no capítulo Estrutura de tabelas e atividade Estilos na tabela

por Estudante
| 136.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

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

É 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