在Web開發(fā)中,將CSS樣式應用到網(wǎng)頁上是非常重要的一項技能。而HTML文檔和XML文檔也不例外,我們同樣可以通過CSS來控制它們的樣式。那么在XML文檔中如何添加CSS呢?
張三 22 李四 30
XML文檔中使用的CSS方式與HTML類似。在文檔的頭部使用“”指令來指定CSS文件的路徑。在上述例子中,我們將CSS文件命名為“style.css”,放在與XML文檔相同的目錄下。
root { display: block; margin: 0; padding: 0; font-size: 16px; text-align: center; } person { display: inline-block; margin: 0 10px; padding: 10px; background-color: #eee; } name { font-weight: bold; } age { color: gray; }
接下來,我們來看看CSS文件的具體內容。同樣需要定義樣式規(guī)則,并將選擇器與XML文檔中的元素名一一對應。在上述例子中,“root”表示XML文檔的根元素,“person”表示XML文檔中的“person”元素,“name”表示“person”元素中的“name”子元素,“age”表示“person”元素中的“age”子元素。
最后,我們還需要注意一點,在XML文檔中使用CSS時,元素名稱區(qū)分大小寫。因此在CSS文件中選擇器的書寫一定要與XML文檔中的元素名稱完全一致。