div.module h1 { color:#666; } div.module p { color:#666; } .module h1 { color:#000; } .module p { color:#000; } div#content h1 { color:#999; } div#content p { color:#999; }
</style>
</head>
<body> <h1>Page Title</h1> <p>This is a test. This is a test. </p>
<div> <h1>Page Title</h1> <p>This is a test. This is a test. </p> </div>
<div class="module"> <h1>Page Title</h1> <p>This is a test. This is a test. </p> </div>
<div id="content" class="module"> <h1>Page Title</h1> <p>This is a test. This is a test. </p> </div> <div id="content" class="module"> <h1 style="color:#ccc;">Page Title</h1> <p style="color:#ccc;">This is a test. This is a test. </p> </div> </body> </html>
