CSS

====Examples====

Consider this HTML fragment:
<syntaxhighlight lang="html">
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <style>
            #xyz { color: blue; }
        </style>
    </head>
    <body>
        <p id="xyz" style="color: green;">To demonstrate specificity</p>
    </body>
</html>
</syntaxhighlight>
In the above example, the declaration in the <code>style</code> attribute overrides the one in the <code><style></code> element because it has a higher specificity, and thus, the paragraph appears green:

<div class="html-box" style="min-width: 160pt; height: 80pt; background-color: white; border: 2pt solid #303030; padding: 5px; user-select: none;>
     <p id="xyz" style="color: green;">To demonstrate specificity</p>

</div>