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

Example