Sass daña el rendimiento?
Me he estado educando. Leyendoest:
El motor evalúa cada regla de derecha a izquierda, comenzando desde el selector más a la derecha (llamada "clave") y avanzando por cada selector hasta que encuentre una coincidencia o descarte la regla. (El "selector" es el elemento del documento al que debe aplicarse la regla).
Por ejemplo
ul li a {...}
#footer h3 {...}
* html #atticPromo ul li a {...]
Ahora, algunos ejemplos de código de salida SASS para mí:
#content #blog {
/* ... */
}
/* line 85, ../sass/screen.scss */
#content #flickr {
/* ... */
}
#content #flickr div p {
/* ... */
}
Esto parece un poco incómodo ... ¿Estoy haciendo algo mal? ¿Es este un problema de comunicación entre Sass y yo? ¿Lo estamos perdiendo?
Edita: Algunos códigos 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;
}
}
}
Bono lateral!: El artículo dice que los navegadores (o al menos Firefox) buscan los selectores de derecha a izquierda. No podría entender por qué este es un por qué más eficiente. ¿Alguna pista