在SASS中嵌套对象

div.myPanel
{

    .btn button,
    .toolbar
    {
        td, span
        {
            font-size: 9px;
        }
    }
}

div.myPanel .btn button td, div.myPanel .btn button span, div.myPanel .toolbar td, div.myPanel .toolbar span
{
    font-size: 9px;
}

div.myPanel .btn button, div.myPanel .toolbar td, div.myPanel .toolbar span { font-size: 9px; }

div.myPanel

.toolbar
{
    td, span
    {
        font-size: 9px;
    }
}

div.myPanel {
  .btn button, .toolbar td, .toolbar span {
    font-size: 9px;
  }
}

.base9 { font-size: 9px; }

div.myPanel {
  .btn button {
    @extend .base9;
  }
  .toolbar {
    td, span {
      @extend .base9;
    }
  }
}

#someUnrelatedElement small {
  @extend .base9;
}