¿Por qué cuando agrego el archivo CSS mi lista se deshace de elemento “YouTube”?

Question

main.xul

<?xml version="1.0"?>
<?xml-stylesheet href="main.css" type="text/css"?>

<window id="main" class="MainClass" title="MY TEST" width="640" height="480" xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">
    <listbox id="mainList" flex="1" class="MainListbox">
        <listitem label="Twitter"/>
        <listitem label="YouTube" id="youtubeID" class="YoutubeClass" oncommand="document.getElementById('youtubeID').startYoutube()"/>
    </listbox>
</window>

main.css

.YoutubeClass {
 -moz-binding: url("main.xml#youtubeStarter");
}

main.xml

<?xml version="1.0"?>

<bindings xmlns="http://www.mozilla.org/xbl">
    <binding id="youtubeStarter">
            <!-- empty -->
    </binding>
</bindings>

Si elimino el -moz-binding: url('main.xml#youtubeStarter'); de la CSS, los espectáculos de artículos de Youtube hasta .. Cualquier idea de por qué con esta línea el Youtube cueros artículo?

Answer 1

Entendido: cuando se agrega una unión (con -moz-vinculante en css) se anulará el contenido de ese componente con el contenido especificado en la etiqueta de la unión. Si usted no tiene una etiqueta (mi caso) que no tendrá ningún contenido.