其實(shí)偽類嵌套和屬性嵌套非常類似，只不過他需要借助`&`符號一起配合使用。我們就拿經(jīng)典的“clearfix”為例吧：

.clearfix{
&:before,
&:after {
    content:"";
    display: table;
  }
&:after {
    clear:both;
    overflow: hidden;
  }
}

編譯出來的 CSS：

clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
  overflow: hidden;
}

避免選擇器嵌套：

• 選擇器嵌套最大的問題是將使最終的代碼難以閱讀。開發(fā)者需要花費(fèi)巨大精力計(jì)算不同縮進(jìn)級別下的選擇器具體的表現(xiàn)效果。
• 選擇器越具體則聲明語句越冗長，而且對最近選擇器的引用(&)也越頻繁。在某些時候，出現(xiàn)混淆選擇器路徑和探索下一級選擇器的錯誤率很高，這非常不值得。

為了防止此類情況，我們應(yīng)該盡可能避免選擇器嵌套。然而，顯然只有少數(shù)情況適應(yīng)這一措施。