Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Input type color

Olá!

Sei que o foco do curso é utilizar o máximo possível dos recursos do React, porém fiquei com uma dúvida.

No curso, o professor utilizou um pequeno trecho de Js para criar as classes modificadoras campo-texto e campo-color para alterar as propriedades de um determinado input.

Mas somente no CSS, pude fazer da seguinte forma:

.campo input[type=color] {
    width: 5rem;
    height: 2.5rem;
    padding: .25rem 1rem;
}

Desta forma não precisei adicionar uma classe a mais no HTML, selecionando o type direto no CSS e economizando uma linha de código.

Esta forma de modificação também pode ser considerada uma boa prática ou existem contextos específicos onde cada uma é aplicada?

1 resposta
solução!

Oi Giulivan, tudo bem?

Ótima pergunta! Na verdade, tanto a abordagem utilizada no curso, com a criação de classes modificadoras, quanto a sua abordagem, utilizando a seleção direta do tipo de input no CSS, podem ser consideradas boas práticas, dependendo do contexto.

A abordagem do curso, utilizando classes modificadoras, é bastante útil quando você precisa aplicar estilos específicos a um determinado tipo de input em diferentes partes do seu projeto. Por exemplo, se você tiver vários inputs do tipo color espalhados em diferentes páginas, mas quiser estilizá-los de forma diferente em cada página, a utilização das classes modificadoras facilita essa personalização.

Por outro lado, a sua abordagem, utilizando a seleção direta do tipo de input no CSS, é uma ótima opção quando você precisa aplicar estilos iguais a todos os inputs de um determinado tipo em todo o seu projeto. Nesse caso, você economiza linhas de código e torna o seu CSS mais conciso e fácil de manter.

Portanto, não existe uma abordagem certa ou errada, mas sim a escolha da melhor abordagem de acordo com o contexto do seu projeto. É sempre importante avaliar as necessidades específicas do seu projeto e escolher a abordagem que melhor se encaixa.

Um abraço e bons estudos.