XML文档的显示 CSS

Product.xml
<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/css" href="product.css" ?>
<productata>
<product prodid="p001" category="toy">
<productname>Mini Bus</productname>
<description>This is a toy for childern aged 4 and above</description>
<price>75</price>
<quantity>54</quantity>
</product>
<product prodid="p002" category="toy">
<productname>Barbie Doll</productname>
<description>This is a toy for childern in the age group of 5-10</description>
<price>20</price>
<quantity>200</quantity>
</product>
</productata>
Product.css
@charset "utf-8";
/* CSS Document */
productname
{
font-family:Arial;
font-size:20px;
font-weight:bold;
color:red;
display:block;
padding-top:6px;
padding-bottom:6px;
}
price,description,quantity
{
font-family:Arial;
font-size:10px;
color:teal;
display:block;
padding-top:2px;
padding-bottom:2px;
}