لماذا عندما أضيف ملف CSS ، تتخلص قائمتي من عنصر "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>

إذا قمت بحذف -moz-binding: url('main.xml#youtubeStarter'); من CSS ، يظهر عنصر YouTube .. أي فكرة لماذا يختبئ عنصر YouTube؟

Answer 1

حصلت عليه: عندما تضيف ملزمة (مع ربط moz في CSS) ، فإنه سيتجاوز محتوى هذا المكون مع المحتوى المحدد في علامة الربط. إذا لم يكن لديك علامة (حالتي) فلن يكون لديك محتوى.