Las hojas de estilo CSS se desarrollaron para utilizarse junto con el lenguaje de marcas HTML, pero un documento XML también puede hacer referencia a una hoja de estilo CSS y visualizarse en el navegador.

Las hojas de estilo pueden ser añadidas con la instrucción de procesamiento <?xml-stylesheet ?>. Por ejemplo:

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="stylesheet.css"?>
<libro>
  <titulo>La iportancia de llamarse Ernesto</titulo>
  <autor>Oscar Wilde</autor>
  <fechaPublicacion año="1895"/>
</libro>

Podemos agregar atributos a esta instrucción para modificar su comportamiento. Por ejemplo, el atributo title, que nos sirve para identificar varias hajas de estilo de un documento. Ejemplo:

<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="stylesheet.css"?>
<?xml-stylesheet href="stylesheet2.css" title="Blanco y negro"?>
<?xml-stylesheet href="stylesheet3.css" title="Móvil"?>
<libro>
  <titulo>La iportancia de llamarse Ernesto</titulo>
  <autor>Oscar Wilde</autor>
  <fechaPublicacion año="1895"/>
</libro>

Con ese código, podemos seleccionar qué hoja de estilo queremos visualizar en el dispositivo usado, por ejemplo, en el navegador web.