『Web標準の教科書』各章

第6章第3節（p.393-402）

<link rel="stylesheet" type="text/css"
href="/css/styles.css" media="all" />

<link rel="stylesheet" type="text/css"
href="/css/styles.css" media="screen, tv" />

/* これ以降のスタイルはNetscape 4には適用されない /*/
　：
　：
(CSSの内容)
　：
　：
/* これ以降のスタイルはNetscape 4にも適用される */

h1 {
  /*/*/ color: red; /* */
  }

@import "/css/styles.css";

@import url("/css/styles.css");

/* これ以降のスタイルはMac IE 5には適用されない \*/
　：
　：
(CSSの内容)
　：
　：
/* これ以降のスタイルはMac IE 5にも適用される */

h1 {
  /*\*/ color: red; /* */
  }

h1/**/ { color: color; }

h1 { color/**/: red; }

h1/* */ { color: color; }

html>body h1 { color: red; }

h1 { color /**/: red; }

* html h1 { color: red; }

h1 { _color: red; }

h1 { #color: red; }

html*h1 { color: red; }

html[xmlns] h1 { color: red; }

:root h1 { color: red; }

/* これ以降のスタイルはNetscape 4などだけに適用される /*//*/
　：
　：
(CSSの内容)
　：
　：
/* これ以降のスタイルはNetscape 4など以外にも適用される */

h1 {
  /*/*//*/ color: red; /* */
  }

div#content {
  width: 500px;
  voice-family: "\"}\"";
  voice-family: inherit;
  width: 400px;
  }

div#content {
  width: 500px;
  w\idth: 400px; /* 先進的なブラウザに適用 */
  }

div#content {
  width: 500px;
  w\idth: 400px; /* 先進的なブラウザに適用 */
  \width: 480px; /* Win IE 5に適用 */
  }

@media tty {
  i{content:"\";/*" "*/}}; @import '/css/styles.css'; {;}/*";}
  }/* */

@media tty {
  i{content:"\";/*" "*/}}@m; @import '/css/styles.css'; /*";}
  }/* */

@media tty {
  i{content:"\";/*" "*/}} @import '/css/styles.css'; /*";}
  }/* */

/*\*//*/
  @import "/css/styles.css";
/**/

@import "null?\"\{";
@import "/css/styles.css";
@import "null?\"\}";

第6章 第3節（p.393-402）