CHAPTER 1 DESIGN PATTERNS: MAKING CSS EASY!
Example 1-7. Cascade Order
HTML
<body>
<div id="i100" class="c10">!important has highest priority.</div>
</body>CSS
html, body { border-style:none!important; }* { border:0px solid black; } /* Universal Selector */
div { border:2px solid black; } /* Element Selector */
*.c10 { border:4px solid black; } /* Secondary Selector */
#i100 { border:6px solid black; } /* ID Selector */* { border:8px solid black!important; } /* !Universal Selector */
div { border:10px solid black!important; } /* !Element Selector */
*.c10 { border:12px solid black!important; } /* !Secondary Selector */
#i100 { border:14px solid black!important; } /* !ID Selector */