CSS选择器中*和* *的含义是什么？

Question

下面的CSS选择器中*和* *的含义是什么？

我试图在一个选择器中折叠定义，但效果不佳。如果我评论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”及其所有后代的元素

Example