Edit Question - KnowledgeHub

Title Body

I've been educating myself. Reading this : The engine evaluates each rule from right to left, starting from the rightmost selector (called the "key") and moving through each selector until it finds a match or discards the rule. (The "selector" is the document element to which the rule should apply.) For example: ul li a {...} #footer h3 {...} * html #atticPromo ul li a {...] Now, some example code SASS outputs for me: #content #blog { /* ... */ } /* line 85, ../sass/screen.scss */ #content #flickr { /* ... */ } #content #flickr div p { /* ... */ } This seems a bit awkward.. am I doing something wrong? Is this a communication problem between me and Sass? Are we losing it? Edit : Some SCSS code: #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! : The article says browsers (or at least Firefox) search the selectors from right to left. I couldn't understand why this is a more efficient why. Any clues?

Tags (comma-separated) Cancel