Curso CSS3 com

Sass e Compass: CSS Aninhado

#6

Agenda!• CSS aninhado!

• Propriedades aninhadas!

Requisitos!• Ruby!

• Gem Sass!

• Editor Texto!

• Scout IDE ou terminal!

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;!}!

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;! }!}!

nav {! border-style: solid;! border-width: 1px;! border-color: #ccc;!}!

nav {! border: 1px solid #ccc;! border-left: 0px;! border-right: 0px;!}!

Propriedades Aninhadas!

nav {! border: {! style: solid;! width: 1px;! color: #ccc;! }!}!

nav {! border: 1px solid #ccc {! left: 0px;! right: 0px;! }!}!

Propriedades Aninhadas: Sass!

Download Código Fonte!

https://github.com/loiane/ curso-css3-sass-compass

Todas as aulas do curso!

http://www.loiane.com/2012/03/curso-online-css3-com-sass-e-compass-gratuito/

http://loiane.com

facebook.com/loianegroner

@loiane

https://github.com/loiane

youtube.com/user/Loianeg

Obrigada!