CodePen Embed - CSS !important

<!DOCTYPE html>
<html>
<head>
<style>
/* This rule will be overridden */
p { color: blue; }

/* This rule will take precedence due to higher specificity */
.important-text { color: green; }

/* This rule will take precedence over all other rules due to the !important declaration */
p { color: red !important; }
</style>
</head>
<body>
<p class="important-text">This paragraph will be red.</p>
</body>
</html>

This Pen is owned by Training Course on CodePen.

See more by @Training-Course on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.