OK I tried this code and saved the index.html in the Test folder.
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="./Images/CSS1.css">
<link rel="stylesheet" type="text/css" href="../Test/Images/CSS2.css">
<link rel="stylesheet" type="text/css" href="/Test/Images/CSS3.css">
<style>
div { margin: 5px; padding: 5px; font-size: 16px; }
</style>
</head>
<body>
<div class="one">dfgsdfgsdfgsdfg</div>
<div class="two">sdgsdgsdfgsd</div>
<div class="three">sdgsdgsdgsdfg</div>
</body>
</html>
Then created the relevant CSS files with each one styling the relevant div. I
tested this in IE11, Chrome 39 and Firefox 35. All displayed it exactly the
same. First two divs are styled but third one is not and this is the expected
behaviour.
--
Carbonize
<http://forum.pspad.com/read.php?2,64105,64130>
PSPad freeware editor http://www.pspad.com
