css元素选择器(XML文档样式)

转载于 2018-05-15 20:28:39 发布 · 608 阅读

本文展示了一个XML文档与CSS样式表结合使用的实例。通过定义不同的样式规则来美化XML文档中的元素，例如调整字体大小、颜色等。此案例具体演示了如何使用CSS来增强XML文档的可读性和美观度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

XML文档
<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/css" href="note.css"?>
<note>
<to>George</to>
<from>John</from>
<heading>Reminder</heading>
<body>Don't forget the meeting!</body>
</note>

CSS文档

note
  {
  font-family:Verdana, Arial;
  margin-left:30px;
  }

to
  {
  font-size:28px;
  display: block;
  }

from
  {
  font-size:28px;
  display: block;
  }

heading
  {
  color: red;
  font-size:60px;
  display: block;
  }

body
  {
  color: blue;
  font-size:35px;
  display: block;
  }

效果