Core Code
Core Code Modern Dev Handbook

Class Selector Specificity

Class selectors override element selectors.

Preview

Code

<style>
p{
color:red;
}

.text{
color:blue;
}
</style>

<p class="text">This paragraph becomes blue.</p>

More CSS Specificity Examples (8)

example Element Selector Specificity open example example ID Selector Specificity open example example Inline Style Priority open example example Multiple Selectors Specificity open example example Equal Specificity Rule Order open example example Class vs ID Priority open example example Descendant Selector Specificity open example example Using !important open example