CSS选择器的顺序

较有效到较不有效的CSS选择器的顺序是这样的：

• ID,如#header
• Class, 如.promo
• Type, 如div
• Adjacent sibling, 如h2 + p
• Child, 如li > ul
• Descendant,如ul a
• Universal,即*
• Attribute, 如[type="text"]
• Pseudo-classes/-elements, 如a:hover