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

score 5 · Accepted Answer

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

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

1 回答 1