Perché quando aggiungo il file CSS la mia lista si libera di voce “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>

Se elimino il -moz-binding: url('main.xml#youtubeStarter'); dal CSS, gli spettacoli voce Youtube up .. Qualsiasi idea del perché con questa linea di YouTube voce nasconde?

Answer 1

capito bene: quando si aggiunge un legame (con -moz-binding in css) avrà la precedenza sul contenuto di tale componente con il contenuto specificato nel tag del legame. Se non si dispone di un tag (il mio caso) non avrete contenuti.