domingo, 15 de janeiro de 2023

Pseudo-Class nth-child selector de CSS

Pseudo classe nth-child --> nth-child(odd)| nth-child(even)| nth-child(n)

Um pequeno exemplo bem colorido da implementação do selector de CSS nth-child. Aplicando a cor rosada para todos os filhos do p (parágrafo) que sejam ímpares e a cor cinza para todos os filhos do p que sejam pares.


A implementação está no argumento que recebe a função nth-child(), assim como usei odd e even também podem colocar um número qualquer e aplicar a estilização que deseje. 😉




nth-child(n) sendo n um número inteiro positivo.


Para profundizar aqui a documentação https://developer.mozilla.org/pt-BR/docs/Web/CSS/:nth-child


DevRel Nadi Duno


Nenhum comentário:

Postar um comentário

Como Criar um Pull Request (PR) no GitHub

  Como Criar um Pull Request (PR) no GitHub Um Pull Request (PR) é um recurso essencial no GitHub que permite propor mudanças em um repositó...