ninho Classes CSS: agora tornado possível

nas versões CSS anteriores, a idéia de aulas de ninho era ilusória. Os desenvolvedores tiveram que recorrer a técnicas mais complexas para obter efeitos semelhantes. No entanto, o módulo CSS Nesting abriu novas possibilidades. Com o módulo CSS Nesting, você pode adotar a seguinte sintaxe:

. Classe1 { algumas coisas; } .class2 { .class1; Mais algumas coisas; } Esta sintaxe permite aninhar as classes, criando estruturas hierárquicas. & td { Alinhamento de texto: centro; & .C {TEXT-TRANSFORM: OUPERCASE} &: First-Child, &: Primeiro filho TD {Border: 1px Solid Black} } & th { Alinhamento de texto: centro; Antecedentes: preto; Cor: Branco; } }

. Foo { Cor: vermelho; @Nest &> .Bar { Cor: azul; } }

.class1 {
  some stuff;
}

.class2 {
  .class1;
  some more stuff;
}

Com o ninho do CSS, agora você pode escrever mais folhas de estilo concisas e sustentáveis. Aproveite o aumento da flexibilidade e estrutura semântica que ele fornece.