When Style sheets are effectively merged into a single style sheet in the order in which they appear in the HTML source is said to be Multiple style sheets.If some properties have been defined for the same element in different style sheets, than the one you include in the last will be the one that is used.
Example:
Assume that an external style sheet has the following style for the <h3> element:
h3 {
color: red;
}
then, assume that an internal style sheet also has the following style for the <h3> element:
h3 {
color: blue;
}
If the internal style is defined after the link to the external style sheet, the <h3> elements will be "blue":
Example
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style>
h3 {
color: blue;
}
</style>
</head>
If the internal style is defined after the link to the external style sheet, the <h3> elements will be "blue":
Example
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style>
h3 {
color: orange;
}
</style>
</head>
However, if the internal style is defined before the link to the external style sheet, the <h3> elements will be "red":
Example
<head>
<style>
h3 {
color: blue;
}
</style>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
0 Comment(s)