Wyświetlanie atrybutów node'ów XML za pomocą CSS.

Mam plik XML z wieloma nodami, do tego niektóre posiadają atrybuty, na przykład:

    <item id="M1" type="SWORD">
      <itemName>Miecz stulecia</itemName> 
      <stat>6</stat>          
    </item> 

Tak wygląda mój kod css służący wyświetleniu obiektu item:

 item
{
    display: block;
    border-style: groove;
    margin-top: 5pt;
    margin-left: 40pt;
    padding: 10pt;
}

item:after
{	
	display: list-item;
	margin-left: 20pt;
	content:attr(type);
}

Problem w tym że nie wiem jak wyświetlić atrybut w taki sposób aby był poprzedzony etykietą.