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