
172
❘
CHAPTER 7 CASCADING STYLE SHEETS IN SHAREPOINT
It is also important to understand that this isn’t just an internal vs. external style sheet confl ict.
What do you think would happen in the following example?
<link rel=”stylesheet” type=”text/css” href=”styles01.css”/>
<link rel=”stylesheet” type=”text/css” href=”styles02.css”/>
<link rel=”stylesheet” type=”text/css” href=”styles03.css”/>
<p>Hello, World</p>
If each of the preceding three referenced external style sheets had a differing rule for the font color
of your
<p> element, which one would win? If you look at the order in which they are referenced,
you will know the order in which they are applied to your page. In this example:
styles01.css
➤
is applied fi rst.
styles02.css
➤
is applied next.
styles03.css
➤
is applied last.
In other words, because
styles03.css is applied last, it prevails. It doesn’t matter what you set the
font color to in
styles01.css and styles02.css; if you set the font color to red in styles03.css,
the font will be red (assuming you don’t override these rules with inline CSS).
While it is important to understand confl ict resolution, it is equally important to understand two
other related concepts: aggregation and inheritance.
Aggregation
Aggregation simply means that in the absence of any confl ict, all rules applied to an element from
any source will be applied to that element. For example, in
styles.css