CSS Rules Priority

By Xah Lee. Date: 2010-10-06. Last updated: 2017-11-28.

Here is CSS rules priority:

Highest priority. CSS embedded in the tag for that tag. e.g. <p style="some">.
CSS embedded in the file header for the page. e.g. <style type="text/css">some</style>.
The CSS file, e.g. <link rel="stylesheet" href="mystyle.css" />. If there is a conflict within the file, the last one rules. And if you want to override the priority, you can put !important, like this p { text-indent: 1em !important }).