CSS Specificity

CSS specificity is an algorithm that determines which style declaration is ultimately applied to an element.

If two or more CSS rules point to the same element, the declaration with the highest specificity will "win", and that style will be applied to the HTML element.

Look at the following examples:

Example

Now, look at next example:

Example

Now, look at next example:

Example

Now, look at next example:

Example