Como não selecionar o primeiro filho no CSS

Nos aplicativos da Web, os seletores são usados ​​para estilizar elementos HTML específicos via CSS. Por exemplo, quando você tem muito conteúdo em sua página e é necessário selecionar alguns elementos, então você deve optar por seletores CSS. No CSS, uma variedade de seletores ajudará você a selecionar o item específico do grupo de elementos.

Neste artigo, abordaremos como não selecionar o primeiro filho no CSS.

Como não selecionar o primeiro filho no CSS?

No CSS, para não selecionar o primeiro filho, você pode usar os selecionadores especificados:

• : não (: primeiro filho)
• : não (: nó de tipo (1))
• : não (: primeiro do tipo)

Então vamos começar!

Método 1: Uso: não (: primeiro filho) para não selecionar o primeiro filho

O ": não (: primeiro filho)”Seletor define a regra que não seleciona o primeiro filho da tag pai. Este seletor nos ajudará a excluir o estilo CSS aplicado para o primeiro elemento.

Vamos dar um exemplo simples e aprender como podemos aplicar o seletor para não selecionar o primeiro filho.

Exemplo

Aqui estão três textos de âncora em nossa página com uma cor verde. Vamos excluir a cor verde apenas para o primeiro elemento de texto:

Especificamos a tag âncora “" no "<corpo> ”Do seu arquivo HTML:

Meu primeiro link

Meu segundo link

Meu terceiro link

Em seguida, utilize a tag pai que é “corpo”E a tag infantil que é“a" juntamente com ":não (: primeiro filho))”Seletor dentro da folha de estilo. Então, adicione o CSS “cor”Propriedade com o valor“verde”; A cor será aplicada em todos os elementos, exceto o primeiro filho:

Agora, salve o código adicionado e abra -o no navegador simplesmente ou usando o servidor vivo:

Como você pode ver, aplicamos apenas a cor a todos os elementos, exceto primeiro:

Método 2: Uso: NÃO (: Nésimo do tipo (1)) para não selecionar o primeiro filho

O "não (: nó de tipo ())”Seletor permite escolher um ou mais de um elemento na sequência. Se apenas (: Nés de do tipo (1)) for usado, o seletor selecionará o primeiro filho; No entanto, quando: não é colocado antes dele, o primeiro filho será excluído.

Vamos esclarecer: NÃO (: Nésh do tipo (1)) conceito usando o exemplo abaixo.

Exemplo

Aqui, vamos definir o “NÃO (: Nés de Tipo (1))“Seletor, onde“1”Representa que o primeiro filho será excluído. Em seguida, atribua o “cor”Propriedade um valor de“laranja”:

Saída

Método 3: Uso: Não (:: primeiro do tipo) para não selecionar o primeiro filho

O seletor (: primeiro do tipo) corresponderá à primeira ocorrência de um elemento e: não é adicionado por trás dele como “: não (: primeiro do tipo)”Para pular a primeira ocorrência.

Exemplo

Neste exemplo, o “: não (: primeiro do tipo)”O seletor será aplicado para excluir o primeiro filho de seus pais. Então, defina o valor “azul" para o "cor" propriedade:

Fornecemos dicas sobre como não selecionar o primeiro filho com sucesso.

Conclusão

Para não selecionar o primeiro filho, use “: não (: primeiro filho)",":NÃO (: Nés de Tipo (1))" ou ":não (: primeiro do tipo)”Seletores. Sem usar: não, esses seletores selecionarão apenas o primeiro filho e pularão outros. No entanto, quando: não é colocado antes desses seletores, ele será obrigado a pular apenas o primeiro filho de seus pais. Neste artigo, abordamos três métodos eficientes para não selecionar o primeiro filho no CSS.