Warum, wenn ich hinzufügen, die CSS-Datei meiner Liste entledigt „YouTube“ item?

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>

Wenn ich die -moz-binding: url('main.xml#youtubeStarter'); aus der CSS löschen, die Artikel Youtube zeigt nach oben .. Jede Idee, warum mit dieser Linie die Youtube Artikel versteckt?

Answer 1

Got es: wenn Sie fügen eine Bindung (mit -moz-binding in CSS) wird es den Inhalt dieser Komponente mit dem Inhalt in dem Tag der Bindung angegeben außer Kraft setzen. Wenn Sie nicht über einen Tag (mein Fall) haben Sie keinen Inhalt haben.