noisan/css.html

## css.html
<!doctype html>
<html>
<head>
  <meta charset="UTF-8">
  <title>loadCSS test</title>
  <script>
  (function(w, href) {
    "use strict";
    var d = w.document;
    var ss = d.createElement('link');
    ss.rel = "stylesheet";
    ss.href = href;
    ss.media = "only x";

    /* ignore window.document.styleSheets, use link.onload() again */
    ss.onload = function() {
      ss.onload = function() {};
      ss.media = "all";
    };

    /* use window.onload(), too... */
    if (w.addEventListener) {
      w.addEventListener('load', ss.onload);
    } else if (w.attachEvent) {
      w.attachEvent("onload", ss.onload);
    } else {
      var c = w.onload;
      var b = ss.onload;
      w.onload = function() { b.call(this); c&&c.call(this); };
    }

    var refs = (d.body || d.getElementsByTagName("head")[0]).childNodes;
    var ref  = refs[refs.length - 1];
    ref.parentNode.insertBefore(ss, ref.nextSibling);

    return ss;
  }(this, './css.php?t=3'));
  </script>
</head>
<body>
<p>This is a test page.</p>

<p id="test">test:</p>
</body>
</html>

## css.php
<?php
header('content-type: text/css');

if (isset($_REQUEST['t'])) {
    sleep($_REQUEST['t']);
}
?>
#test { background-color: greenyellow; }
#test::after{ content: "(OK!)"; }
	<!doctype html>
	<html>
	<head>
	<meta charset="UTF-8">
	<title>loadCSS test</title>
	<script>
	(function(w, href) {
	"use strict";
	var d = w.document;
	var ss = d.createElement('link');
	ss.rel = "stylesheet";
	ss.href = href;
	ss.media = "only x";

	/* ignore window.document.styleSheets, use link.onload() again */
	ss.onload = function() {
	ss.onload = function() {};
	ss.media = "all";
	};

	/* use window.onload(), too... */
	if (w.addEventListener) {
	w.addEventListener('load', ss.onload);
	} else if (w.attachEvent) {
	w.attachEvent("onload", ss.onload);
	} else {
	var c = w.onload;
	var b = ss.onload;
	w.onload = function() { b.call(this); c&&c.call(this); };
	}

	var refs = (d.body \|\| d.getElementsByTagName("head")[0]).childNodes;
	var ref = refs[refs.length - 1];
	ref.parentNode.insertBefore(ss, ref.nextSibling);

	return ss;
	}(this, './css.php?t=3'));
	</script>
	</head>
	<body>
	<p>This is a test page.</p>

	<p id="test">test:</p>
	</body>
	</html>
	<?php
	header('content-type: text/css');

	if (isset($_REQUEST['t'])) {
	sleep($_REQUEST['t']);
	}
	?>
	#test { background-color: greenyellow; }
	#test::after{ content: "(OK!)"; }