我一直在自学。阅读这篇文章:
引擎从右到左评估每个规则,从最右边的选择器(称为“键”)开始,通过每个选择器移动,直到找到匹配项或放弃该规则。 (“选择器”是应用该规则的文档元素。)
例如:
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)从右向左搜索选择器。我不明白这为什么是一种更有效的方法。有什么线索吗?