As you've already discovered, the last stylesheet loaded/called will override the same settings in previous stylesheets.
For example, let's say you have 3 stylesheets with a color change when the cursor hovers over a link.
The first stylesheet calls for the link to be white and underlined if the cursor is placed over it.
Code:
a:visited {
color: #ffffff;
text-decoration: underline;
}
The second stylesheet calls for the link to be black without the underline if the cursor is placed over it.
Code:
a:visited {
color: #000000;
text-decoration: none;
}
The third stylesheet calls for the link to be red and underlined if the cursor is placed over it.
Code:
a:visited {
color: #FF0000;
text-decoration: underline;
}
The link will be red and underlined. The previous hover settings will be replaced by the last one loaded.
Bookmarks