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?