Comment puis-je mettre en forme XML avec CSS pour l'afficher dans un navigateur sans d'abord le transformer en (X) HTML?

Question

Je sais que CSS peut être utilisé pour contrôler la présentation de (X) HTML dans les navigateurs modernes. J'avais l'impression que c'était aussi possible pour du XML arbitraire. (Je me trompe?)

Un exemple concret: étant donné le code XML suivant

<log> 
    <entry revision="1"> 
    <author>J Random Hacker</author> 
    <message>Some pithy explanation</message> 
    </entry> 
</log> 

J'aimerais associer un CSS avec cette XML telle que vue dans un hôtel moderne (WebKit, FireFox) navigateur, je vois quelque chose comme:

+----------------------------------+ 
| revision | 1      | 
+----------------------------------+ 
| author | J Random Hacker  | 
+----------------------------------+ 
| message | Some pithy explanation| 
+----------------------------------+ 

Où mon oh-so-belle ascii-art est censé indiquer une mise en page de tableaux.

C'est-à-dire: XML + CSS -> "pixels pour l'utilisateur" au lieu de XML + XSLT -> XHTML + CSS -> "pixels pour l'utilisateur". Je souhaite que cette approche soit plus simple (pour moi) de présenter des documents XML qui sont déjà documentaires dans leur structure. Je suis aussi simplement curieux.

Answer 1

Il est en effet possible d'utiliser CSS pour formater un document XML.

W3 schools example

(Le W3C ne vous recommandons d'utiliser xslt pour faire ce genre de chose à la place CSS bien)

Answer 2

oui, il est possible. vous écrivez simplement une règle pour chaque élément:

author{ 
    display:block; 
    color:#888888; 
} 

etc.

Answer 3

Selon le specification, CSS devrait travailler avec des documents XML ainsi que des documents HTML. Au lieu de sélectionner des éléments HTML communs dans votre code CSS, vous sélectionnez vos propres éléments dans le fichier CSS, tels que:

entry { 
    display: block; 
} 
author { 
    display: inline; 
    font-weight: bold; 
} 
... 

Vous pouvez associer le fichier CSS à votre fichier XML en insérant une ligne similaire de code dans votre Fichier XML:

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