Sass prejudicar o desempenho?
Eu tenho me educado. Lendoist:
O mecanismo avalia cada regra da direita para a esquerda, iniciando no seletor mais à direita (chamado de "chave") e movendo-se por cada seletor até encontrar uma correspondência ou descartar a regra. (O "seletor" é o elemento do documento ao qual a regra deve ser aplicada.)
Por exemplo
ul li a {...}
#footer h3 {...}
* html #atticPromo ul li a {...]
Agora, algum código de exemplo SASS gera para mim:
#content #blog {
/* ... */
}
/* line 85, ../sass/screen.scss */
#content #flickr {
/* ... */
}
#content #flickr div p {
/* ... */
}
Isso parece um pouco estranho .. estou fazendo algo errado? Isso é um problema de comunicação entre mim e Sass? Estamos perdendo?
Edita: Algum código SCSS:
#flickr {
@include columns(5,8);
background: url('../img/ipadbg.png') no-repeat;
#ipod-gloss {
z-index: 999;
position: relative;
}
div {
margin-top: -80px;
margin-right: 20px;
h2 {
color: $white;
font-size: 24px;
}
p {
margin-top: 40px;
}
}
}
Side Bonus!: O artigo diz que os navegadores (ou pelo menos o Firefox) pesquisam os seletores da direita para a esquerda. Eu não conseguia entender por que isso é mais eficiente. Alguma pista?