Pourquoi quand j'ajouter le fichier CSS ma liste se débarrasse de l'article « 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 je supprime le -moz-binding: url('main.xml#youtubeStarter'); du CSS, l'article Youtube apparaît .. Toute idée pourquoi cette ligne le cache de l'élément Youtube?

Answer 1

Got it: lorsque vous ajoutez un liant (avec -moz-binding en css), il remplace le contenu de ce composant avec le contenu spécifié dans la balise de la liaison. Si vous ne disposez pas d'étiquette (mon cas), vous aurez pas de contenu.