Este documento apresenta um curso sobre CSS aninhado e propriedades aninhadas usando Sass. Ele inclui uma agenda com CSS aninhado e propriedades aninhadas, requisitos para usar Sass e exemplos de como estruturar CSS aninhado e propriedades aninhadas em Sass.

1. Curso
CSS3 com
Sass e Compass:
CSS Aninhado
#6

2. Agenda!
• CSS aninhado!
• Propriedades aninhadas!

3. Requisitos!
• Ruby!
• Gem Sass!
• Editor Texto!
• Scout IDE ou terminal!

4. CSS Aninhado!
nav ul {!
margin: 0;!
padding: 0;!
list-style: none;!
}!
!
nav li {!
display: inline-block;!
}!
!
nav a {!
display: block;!
padding: 6px 12px;!
text-decoration: none;!
}!

5. CSS Aninhado: Sass!
nav {!
ul {!
margin: 0;!
padding: 0;!
list-style: none;!
}!
!
li { display: inline-block; }!
!
a {!
display: block;!
padding: 6px 12px;!
text-decoration: none;!
}!
}!

6. Propriedades Aninhadas!
nav {!
border-style: solid;!
border-width: 1px;!
border-color: #ccc;!
}!
nav {!
border: 1px solid #ccc;!
border-left: 0px;!
border-right: 0px;!
}!

7. Propriedades Aninhadas: Sass!
nav {!
border: {!
style: solid;!
width: 1px;!
color: #ccc;!
}!
}!
nav {!
border: 1px solid #ccc {!
left: 0px;!
right: 0px;!
}!
}!

8. Download Código Fonte!
https://github.com/loiane/
curso-css3-sass-compass

9. Todas as aulas do curso!
http://www.loiane.com/2012/03/curso-onlinecss3-com-sass-e-compass-gratuito/

10. http://loiane.com
facebook.com/loianegroner
@loiane
https://github.com/loiane
youtube.com/user/Loianeg

11. Obrigada!