'More Than 1 External CSS Stylesheet Per Link Tag

Say I have an HTML page linking to an external stylesheet:

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="style.css" />
        <title>Whatever Title</title>
    </head>

    <body>

    // body goes here

    </body>
</html>

Now, say I want to add another stylesheet (or 2 or 3 or 500). The usual way to do this is to have more than 1 <link> tag:

<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" type="text/css" href="new.css" />
<link rel="stylesheet" type="text/css" href="old.css" />
...

Or maybe @importing, but I've never really done that personally. However, is there a way to have more than 1 stylesheet for a single <link> tag, probably in the href part? Perhaps something like this?

<link rel="stylesheet" type="text/css" href="style.css; new.css; old.css" />

More generally, is there a way to do this with other attributes of other tags, like with <script> tags or <a> tags (that last one would be weird)?

By the way, in case you were wondering, the syntax I used was for HTML5, but I'm sure it would be the same with HTML 4.01.

htmlcss


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions