(このサンプルから以下のことがわかる)
・外部スタイルシートを指定するだけで、生の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)