(このサンプルから以下のことがわかる)
・外部スタイルシートを指定するだけで、生のXML文書でなく、入力されたデータだけを表示できる。
・ルート要素(ここでは<start>)に設定したスタイルは、ページ全体(いわゆるHTMLの<body>タグ)でなく、ページ内の全要素に適用される。
・スタイル設定されていない要素には、標準のスタイルが適用される。
・CSSの継承関係は維持される。
・XML文書内でスタイル設定すれば、それが外部スタイルシートの設定より優先される。
・複数の外部スタイルシートにリンクできる。設定内容が重複する場合、後からリンクしたスタイルシートの設定が優先する。
[サンプルXML文書を表示](下のフレームに)
XMLソース
<?xml version="1.0" encoding="Shift_JIS" ?>
<?xml-stylesheet type="text/css" href="css02a.css"?>
<?xml-stylesheet type="text/css" href="css02b.css"?>
<start>
<top>KodayanHomepageのサイト構成
<pc>・・・・・・・・・・・・・・・・・・・・・・・・・・・
<dosv>大阪日本橋DOS/Vプロムナード</dosv>
<web>CSSとDynamicHTML</web>
<web>PerlでCGI</web>
<web style="color:blue">Java Applet</web>
<web>Java Script</web>
VB Script
</pc>
<other>
<link>お気に入りLinks</link>
<etc>その他
<info>お知らせ</info>
<prof>自己紹介</prof>
<hist>ホームページの履歴</hist>
</etc>
</other>
</top>
<end>以上です(00/11/18)</end>
</start>
css02a.css
/*・・・・XML文書(css02.xml)に使用する外部cssファイル 1・・・*/
start {width:80%;margin-left:1cm;background-color:silver}
dosv,pc,web,link,end {display:block}
pc {margin-left:6mm;color:navy;font:16pt 'MS 明朝'}
web {color:red}
/*・・・ここまで・・・・*/
css02b.css
/*・・・・XML文書(css02.xml)に使用する外部cssファイル 2・・・*/
etc {background-color:yellow}
info,prof,hist {display:block;margin-left:1cm}
info {color:magenta}
/*・・・ここまで・・・・*/
end(00/12/18)