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しますが、各子リスト型 ( ) を書き出すのは繰り返しのようです。ここで生意気な最適化が欠けていると思います。ここで行ったよりも簡潔な方法で複数の子を指定する方法はありますか?

Answer 1

この場合、を使用する必要はありません&。以下が機能します。

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