Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • Multiple Style Sheets

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 267
    Comment on it

    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)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: