style-sheet/css-rules/css-rules-4.html

<!DOCTYPE html>
<html lang="en">
<head>
<title>&lt;style> CSSStyleSheet.cssRules</title>
<style type="text/css">
@import '../../../support/sleep10.css';
#test-style-1 {
  color: blue;
}
#test-style-2 {
  color: green;
}
</style>
<script src="../../../support/result0.js"></script>
</head>
<body>

<p><code><var>CSSStyleSheet</var> /* <code>&lt;style></code
> */ .cssRules.length</code> = 
<script type="text/javascript">
  var ds = document.styleSheets[0];
  writeResult (ds.cssRules.length);
</script></p>

<ol>
  <script type="text/javascript">
    var ds = document.styleSheets[0];
    var rules = ds.cssRules;
    var rulesL = rules.length;
    for (var i = 0; i < rulesL; i++) {
      var rule = rules[i];
      document.write ('<li>');
      writeResult (rule);
      document.write ('</li>');
    }
  </script>
</ol>

</body>
</html>
1	<!DOCTYPE html>
2	<html lang="en">
3	<head>
4	<title><style> CSSStyleSheet.cssRules</title>
5	<style type="text/css">
6	@import '../../../support/sleep10.css';
7	#test-style-1 {
8	color: blue;
9	}
10	#test-style-2 {
11	color: green;
12	}
13	</style>
14	<script src="../../../support/result0.js"></script>
15	</head>
16	<body>
17
18	<p><code><var>CSSStyleSheet</var> /* <code><style></code
19	> */ .cssRules.length</code> =
20	<script type="text/javascript">
21	var ds = document.styleSheets[0];
22	writeResult (ds.cssRules.length);
23	</script></p>
24
25	<ol>
26	<script type="text/javascript">
27	var ds = document.styleSheets[0];
28	var rules = ds.cssRules;
29	var rulesL = rules.length;
30	for (var i = 0; i < rulesL; i++) {
31	var rule = rules[i];
32	document.write ('<li>');
33	writeResult (rule);
34	document.write ('</li>');
35	}
36	</script>
37	</ol>
38
39	</body>
40	</html>