Core Code
Core Code Modern Dev Handbook

Multiple !important Rules

When multiple !important rules exist, specificity still applies.

Preview

Code

<style>
p{
color:red !important;
}

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

<p class="text">Class rule wins.</p>

More CSS !important Examples (8)

example Basic !important Usage open example example !important Overrides Class open example example !important Overrides ID open example example !important vs Specificity open example example !important vs Inline Style open example example Equal !important Rule Order open example example Avoid Overusing !important open example example Overriding Existing CSS open example