是否存在多子选择器？

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;
  }
}