Я учился. Чтение этого :
Механизм оценивает каждое правило справа налево, начиная с крайнего правого селектора (называемого «ключом») и перемещаясь по каждому селектору, пока не найдет совпадение или не отклонит правило. («Селектор» - это элемент документа, к которому должно применяться правило.)
Например:
ul li a {...}
#footer h3 {...}
* html #atticPromo ul li a {...]
Теперь, некоторый пример кода, который выводит для меня SASS:
#content #blog {
/* ... */
}
/* line 85, ../sass/screen.scss */
#content #flickr {
/* ... */
}
#content #flickr div p {
/* ... */
}
Это кажется немного неудобным ... я что-то делаю неправильно? Это проблема связи между мной и Sass? Мы теряем его?
Редактировать : Некоторый код 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;
}
}
}
Дополнительный бонус! : В статье говорится, что браузеры (или, по крайней мере, Firefox) выполняют поиск в селекторах справа налево. Я не мог понять, почему это более эффективно. Есть подсказки?