DONT ADD ANYTHING HERE!

Leaving out CSS-transitions and CSS-animations, the cascade sorts declarations according to the following table, !important user agent declarations have the highest priority, and normal user agent declarations have the lowest priority (see here):

Style Sheet Levels and Specificity

! important User Agent .class > h2 >
! important User #id > .class > h2 >
! important Author inline-style > #id > .class > h2 >
Author inline-style > #id > .class > h2 >
User #id > .class > h2 >
User Agent .class > h2

Notes

style: a declaration in the style attribute of an element has the same weight as a declaration with an id-based selector that is specified at the end of the style sheet.
    <style type="text/css">

        #x97z { color: blue;
                background-color:red; }

    </style

    <p id=x97z style="color: white;background-color:black">hello</p>
                        

Mnemonic

References