Core Code
Core Code Modern Dev Handbook

ID Selector Specificity

ID selectors have higher specificity than classes.

Preview

Code

<style>
.text{
color:blue;
}

#title{
color:green;
}
</style>

<p id="title" class="text">This paragraph becomes green.</p>

More CSS Specificity Examples (8)

example Element Selector Specificity open example example Class 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