[Curso] SASS de 0 a 100

Curso de SASS🌈 de 0 a 100 [03.- Anidamiento en Sass]

En este tutorial vamos a anidar estilos. En otras palabras vamos a poner estilos dentro de otros estilos para poder acceder a los diferentes elementos de nuestro html.
Codigo: https://github.com/programadornovato/sass/commit/5236ae3958672fef022748ad7e8ee930f908210b

//index.html
    <title>Document</title>
</head>
<body>
    <div id="hola">
        hola
    </div>
        <h1>Hola sass</h1>
        <div id="hola">
            <p>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi fugit minus soluta velit expedita recusandae, pariatur id quam iste saepe eius ea est iure ex doloremque maiores earum, quas voluptatibus!
            </p>
            <span>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi fugit minus soluta velit expedita recusandae, pariatur id quam iste saepe eius ea est iure ex doloremque maiores earum, quas voluptatibus!
            </span>
            <div>
                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi fugit minus soluta velit expedita recusandae, pariatur id quam iste saepe eius ea est iure ex doloremque maiores earum, quas voluptatibus!
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi fugit minus soluta velit expedita recusandae, pariatur id quam iste saepe eius ea est iure ex doloremque maiores earum, quas voluptatibus!
                </p>
            </div>
        </div>    
</body>
</html> 





//rutaSass/estilo.scss
#hola{
    color: blue;
} 
/*
#hola p{
    color: hotpink;
}
#hola span{
    color: darkblue;
}
#hola div p{
    color: crimson;
}
*/#hola {
  p {
    color: hotpink;
  }
  span {
    color: darkblue;
  }
  div {
    p {
      color: crimson;
    }
  }
}


? Visual Studio Code Review: https://www.youtube.com/watch?v=VEySgnoG2k4

? Facebook: https://facebook.com/ProgramadorNovatoOficial
? Twitter: https://twitter.com/programadornova
? Linkedin: https://www.linkedin.com/in/programadornovato/
? Instagram: https://www.instagram.com/programadornovato/

Codigos en gdrive: https://drive.google.com/file/d/15i6j231DHduFTUHQKillgATNWKGDUiGw/view?usp=sharing
? Esta lista de reproducción: https://www.youtube.com/playlist?list=PLCTD_CpMeEKQXywJB8KMN_-GccZuVf9ag
Gracias por apoyar este canal: https://www.patreon.com/programadornovato?fan_landing=true

Eugenio Chaparro

Entradas recientes

Ejercicio 11.- Identificar un palindromo en C# [40]

Un palíndromo es una palabra o frase que se puede leer igual al derecho y…

1 día hace

For mejorado (foreach en C# [39])

El foreach se utiliza para iterar sobre una colección o un elemento iterable. No tenemos…

1 día hace

Arreglos en C# [38]

Un arreglo puede definirse como un grupo o colección finita, homogénea y ordenada de elementos.…

1 día hace

Ejercicio 10.- Dibujar una escalera con asteriscos con ciclo for en C# [36]

Crear un programa en C# que dibuje una escalera de asteriscos.Pedir al humano el tamaño…

1 día hace

Ciclo for en C# [35]

Los ciclos for son lo que se conoce como estructuras de control de flujo cíclicas…

1 día hace

Ejercicio 09.- “while” VS “do while” en C# [34]

En este ejercicio pondremos a prueba los conocimientos de while y de do while de…

1 día hace