HTML and CSS Reference
In-Depth Information
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
➥
tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
<div id="content" class="module">
<h1 style="color:#ccc;">Page Title</h1>
<p style="color:#ccc;">Lorem ipsum dolor sit amet, consectetur adipisicing
➥
elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
The result is shown in Figure 3-11.
Figure 3-11.
Inline styles override all rules in the style sheet.
Finally, the
!important
declaration has the power to override everything used in our
example style sheet, even when used within the original element selectors. So, using the same
markup, let's make one small change at the top of our style sheet.
CSS
h1 {
color:
#ccc !important
;
}
p {