Style cascade 1 : Style overwrite « Style Basics « HTML / CSS






Style cascade 1

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title> Property Inheritance </title>
        <style type='text/css'>
      div {
          text-align: left;
          color: white;
      }
      div {
          text-align: center;
          color: blue;
      }
        </style>
    </head>
    <body>
    <div id='parentdiv'>
         The text is aligned center and blue.
    </div>
    </body>
</html>

 








Related examples in the same category

1.Style cascade
2.class style overwrites the wildcard style
3.Id style overwrites the tag name style
4.CLASS overrules ELEMENT
5.ID overrules CLASS
6.inline styles overrule everything except !important
7.!important overrides all, including inline styles