css - 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”的元素及其所有后代的孙子元素设置样式

例子