como funciona el signo ‘&’ donde dice &.invalid{ opacity:1; } que quiere decir este signo &

Pregunta de la clase:
Class and style
Diego Fernando Caviedes Camaho

Diego Fernando Caviedes Camaho

Pregunta
student•hace 3 años

como funciona el signo ‘&’ donde dice &.invalid{ opacity:1; } que quiere decir este signo &

3 respuestas
para escribir tu comentario
    Jhonatan Gil Arango

    Jhonatan Gil Arango

    student•hace 3 años

    y como se aplicaria para css normal

    Diego Fernando Caviedes Camaho

    Diego Fernando Caviedes Camaho

    student•hace 3 años

    muchas gracias nicobytes me ha gustado bastante tus cursos muy bien explicados.

    Nicolas Molina

    Nicolas Molina

    teacher•hace 3 años

    Esto es una sintaxis que tiene sass para el css en términos prácticos en ese casi esto:

    &.invalid{
	opacity:1;
}

    es igual a que poner 

    .myCustom.invalid {
	opacity:1;
}

    Es decir que esa regla de estilo apliqué si un elemento tiene la clase

    .myCustom
    y
    .invalid
    al tiempo, en sass para hacer el uso de css anidado por ende se usaría ese signo &.

    Esto lo puedes ver más a detalle en esta clase de sass minuto 12:30

Curso de Fundamentos de Angular [Empieza Gratis]

Curso de Fundamentos de Angular [Empieza Gratis]

Da tus primeros pasos en Angular, el framework de desarrollo en JavaScript creado y soportado por Google. Instala Angular CLI y aprende a usar sus principales comandos. Descubre cómo escuchar y responder a eventos generados por el usuario. Define estructuras de control y aplica estilos en la creación de una tienda en línea.

Ir al curso
Curso de Fundamentos de Angular [Empieza Gratis]
Curso de Fundamentos de Angular [Empieza Gratis]

Curso de Fundamentos de Angular [Empieza Gratis]

Da tus primeros pasos en Angular, el framework de desarrollo en JavaScript creado y soportado por Google. Instala Angular CLI y aprende a usar sus principales comandos. Descubre cómo escuchar y responder a eventos generados por el usuario. Define estructuras de control y aplica estilos en la creación de una tienda en línea.

Ir al curso