css - 是否存在多子选择器？

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)似乎是重复的。我希望我在这里缺少一些时髦的优化。有没有一种方法可以比我在这里所做的更简洁地指定多个 child ？

Answer 1

在这种情况下您不需要使用&。以下将起作用:

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