Specificity, !important is more important than the inline style : important « Style Basics « HTML / CSS






  1. HTML / CSS
  2. Style Basics
  3. important

Specificity, !important is more important than the inline style

  


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
    <head>
        <title>Specificity, !important</title>
<style type='text/css'>
body {
    font: 24px sans-serif;
}
p {
    background: pink !important;
}
</style>


    </head>
    <body>
        <p>
            This paragraph has a pink background.
        </p>
        <p style='background: lightblue;'>
            This paragraph also has a pink background.
        </p>
    </body>
</html>








Related examples in the same category

1.!important rules are used to override specificity
2.!important syntax has greater precedence than the (x)HTML style attribute
3.Important Override
4.!important rules are used to override specificity.
5.Specificity, !important