Fala Galera! Recentemente descobri esse recurso incrível do css e gostaria de compartilhar com vocês. Muita coisa que eu fazia com scss agora estou fazendo com css nesting

# Sintaxe do CSS Nesting
A sintaxe básica do CSS Nesting envolve o uso do seletor pai e do operador de aninhamento &. Vamos ver como funciona:


```.pai {
  .pai{
  /* estilos para o seletor pai */
  
  & .filho {
    /* estilos para o seletor filho */
  }

  & .outro-filho {
    /* estilos para outro seletor filho */
  }
}
```

Saiba mais em: https://www.w3.org/TR/css-nesting-1/

Muito bom saber que esse recurso existe nativamente. Acredito que daqui um tempo o suporte dele será melhor para o uso mais geral dos navegadores, atualmente é de 63,74%, segundo o [Can I Use](https://caniuse.com/?search=CSS%20Nesting). Também encontrei um [artigo do Chrome Developers sobre o CSS Nesting](https://developer.chrome.com/articles/css-nesting/).

Sim, ainda é um recurso em beta, mas testei em vários navegadores e funcionou perfeitamente, já estou implementando nos prejetos que trabalho.

Aninhamento de CSS: Simplifique seu código com CSS Nesting

Fala Galera! Recentemente descobri esse recurso incrível do css e gostaria de compartilhar com vocês. Muita coisa que eu fazia com scss agora estou fazendo com css nesting Sintaxe do CSS...