是否存在多子选择器？

Question

当任何类型的列表（有序，无序或定义）包含在另一个列表中时，我需要将边距清零。所以我写了这个SCSS：

#main ol, #main dl, #main ul { 
  & ol, & dl, & ul { margin-bottom: 0; }
}

这导致了这个CSS：

#main ol ol, #main ol dl, #main ol ul, 
#main dl ol, #main dl dl, #main dl ul, 
#main ul ol, #main ul dl, #main ul ul { margin-bottom: 0; }

这个函数正如我所料，但写出每个子列表类型（& ol, & dl, & ul）似乎是重复的。我希望我在这里缺少一些时髦的优化。有没有办法以比我在这里更简洁的方式指定多个孩子？

Answer 1

在这种情况下，您无需使用&。以下内容适用：

#main ol, #main dl, #main ul { 
  ol, dl, ul { 
    margin-bottom: 0;
  }
}