css - CSS セレクターの * と * * の意味は何ですか

Question

以下の CSS セレクターの* との意味は何ですか?* *

1 つのセレクターで定義を折りたたもうとしましたが、うまくいきませんでした。最初のセレクターでmainNav にコメントを付ける* *か折りたたむ*と、レイアウトが破棄されます。

#mainNav { padding-top: 20px; padding-bottom: 20px; }  
#mainNav * { padding-left: 20px; padding-right: 20px; } 
#mainNav * * { padding-left: 0; padding-right: 0; }

Answer 1

#mainNav= ID「mainNav」を持つ任意の要素

#mainNav *= ID が「mainNav」である要素の子である要素とそのすべての子孫のスタイルを設定します

#mainNav * *= ID が「mainNav」の要素の孫である要素とそのすべての子孫のスタイルを設定します

例