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
![Curso de SASS🌈 de 0 a 100 [03.- Anidamiento en Sass]](https://i.ytimg.com/vi/h3pIYvRbF0w/hqdefault.jpg "Curso de SASS🌈 de 0 a 100 [03.- Anidamiento en Sass] 2")
? 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
Ave que vuela, a la cazuela.