CSS Rules and Specificity

See: Calculating a selector's specificity.

Image from Flickr user Cayusa, used under Creative Commons license.

Stylesheet Origin

• author stylesheet
• reader (user) stylesheet
• browser (user agent) stylesheet

Specificity of Selector

• style attribute
• count "id" attributes
• count number of other attributes ("class")
• count element names

Order

• last occurence has higher specificity

  @import-ed stylesheets come before rules in the importing sheet.