CSS Terms


Specificity in CSS is how the browser knows what rules to apply to what elements. It can be expressed as a value, higher meaning greater specificity, meaning it will be more likely to "win" over other rules.


Precedence has to do with the order CSS is applied. As a general rule, the most recently applied style is the one that gets precedence over the others.


Inheritance is what decides what rules should apply to a property when no rules are specified. An example is using content tags like <main> to set the font. All nested tags will use this font unless specified otherwise.


Properties are things like border, box-shadow, background-color, and line-height. These are what you modify in CSS to get things to change visually.


Values are what you use to set properties. These can be units like px, in, mm, pt, em, etc, or they can be words, functions, or variables. Examples include 30px, hsl(30, 10%, 20%), and var(--width)


Selectors are what you use to let the browser know what element(s) you are wanting to modify. Examples include h1, body, main, pre, etc. Included with these are psuedo classes like ::before, :active, and :last-child.