Présenter du XML avec CSS

Une boite de courrier électronique est représenté en XML selon la DTD suivante :

<!DOCTYPE boite[

<!ELEMENT boite (nom,date,courrier+)>

<!ELEMENT nom (#PCDATA)>

<!ELEMENT date (jour,mois,annee)>

<!ELEMENT courrier (destinataire+,expediteur,date,contenu)>

<!ELEMENT expediteur (#PCDATA)>

<!ELEMENT destinataire (#PCDATA)>

<!ELEMENT jour (#PCDATA)>

<!ELEMENT mois (#PCDATA)>

<!ELEMENT annee (#PCDATA)>

<!ELEMENT contenu (objet,texte,attachement*)>

<!ATTLIST contenu langue (fr|en) #REQUIRED>

<!ELEMENT objet (#PCDATA)>

<!ELEMENT texte (#PCDATA)>

<!ELEMENT attachement EMPTY>

<!ATTLIST attachement fichier CDATA #REQUIRED>

Le fichier xml correspondant : boite.xml

Il est possible de mettre en forme un document xml en associant des propriétés CSS à chaque élement xml dans une feuille de style externe. Cette feuille sera liée par une instruction :

<?xml-stylesheet type="text/css" href="boite.css" ?>

Attribuer des propriétés CSS aux différents éléments xml dans un fichier "boite.css" de sorte à obtenir un résultat ressemblant à cette page .
Ajouter un attribut class à l'élément courrier pouvant prendre la valeur "important".
Modifier la feuille de style de sorte à afficher les courriers importants sur un fond de couleur avec la mention "important" en entête comme pour cette page . Le sélecteur courrier.important fonctionne-t-il ? Qu'en est-il de la notation plus générale utilisant les sélecteurs d'attributs ?

Memo

Exos

Outils

Sujets

Présenter du XML avec CSS

Liens