Estou com duvida a respeito dos seletores do css. Fiz um projeto passado e usei muitos dos seletores ~ > + :not :has do css e nao usei tanto o js para essa parte. Queria saber qual a melhor forma de tratar um código desse nível, se seria continuando com os seletores do css ou deixar essa parte para mexer em js.
Olá, Kaiky!
A escolha entre usar seletores CSS ou JavaScript para manipulação do DOM depende bastante do contexto e dos objetivos do seu projeto.
Os seletores CSS são excelentes para estilização e têm a vantagem de serem processados nativamente pelo navegador, o que geralmente proporciona uma performance melhor e menos sobrecarga de trabalho para o JavaScript. Usar seletores CSS como ~, >, +, :not, :has, entre outros, permite que você mantenha a parte de estilo separada da lógica de programação, o que é uma boa prática em termos de organização e manutenção do código.
Por outro lado, o JavaScript é incrivelmente poderoso para manipulações dinâmicas e complexas do DOM, interações que dependem de eventos ou condições que não podem ser facilmente representadas por CSS. Por exemplo, se você precisa alterar elementos baseados em dados do usuário ou resultados de uma API, o JavaScript será necessário.
Em resumo, se a sua necessidade é puramente "estilística" ou de layout simples, os seletores CSS são mais adequados. Se você precisa de interações mais complexas ou baseadas em lógica condicional, o JavaScript será o caminho a seguir. Muitas vezes, uma combinação dos dois pode ser a melhor abordagem.
Reforço que em casos de dúvidas, conte sempre com o fórum da comunidade Alura! Bons estudos!
Sucesso ✨
Um grande abraço e até mais!