我有这样的HTML标记：
<figure class="about half">
<figcaption class="head_section">
<h3>About</h3>
</figcaption>
</figure>
而这，设置起来：
figure {
//some style
&.half {
width: 48%;
}
figcaption {
h3 {
.about & & {
// what i need to do but isn't working
}
}
}
&.about {
h3 {
// some style i have which is working
}
}
}
所以，我的问题是如何引用2 previus类figure.about以免出风格h3 。 我希望这是明确的......很多THX。
我仍然不知道我知道你正在努力实现在这里，因为你没有提供所需的CSS输出什么。 这个想法我有点设法从你的问题中提取将是一个CSS，看起来像这样：
figure {
/* some style */
}
figure.half {
width: 48%;
}
figure.about figcaption h3 {
/* what i need to do but isn't working */
}
这个对吗？
这里是一个办法让这个与工作& ：
figure {
/* some style */
&.half {
width: 48%;
}
}
figcaption {
h3 {
.about & {
/* what i need to do but isn't working */
}
}
}
这里的一点是， &返回所有嵌套级别的“路径”上面，因此你需要正是你想要使用的那些构建嵌套规则（在我们的情况下，我感动figcaption出的figure规则）。 因此，这应该给你你想要的选择外观。 然而，嵌套规则的结构往往取决于您要使用的方式@variable继承和范围引用，并在某些情况下，它只是更努力建立结构选择正是你想要的方式，但当时几乎不会对于包括在你选择全HTML结构的需要-并且，就像你的情况figure.about h3将工作一样好figure.about figcaption h3 ，因为你可能不会增加更多的h3元素融入到数字容器。
