Here's a generic p
element. It will be red.
Here's a p
element with a class
of group
. There are two rules that apply, but since the p.group
rule is more specific, this paragraph will be blue.
Here's a p
element with an id
of intro
. There are four rules that could apply to this paragraph. The first two are overruled by the more specific last two. The position breaks the tie between the last two: the one that appears later wins, and thus this paragraph will be magenta.