为什么当我添加 CSS 文件时，我的列表会删除“YouTube”项目？答案

【问题标题】：Why when I add the CSS file my list gets rid of "YouTube" item?为什么当我添加 CSS 文件时，我的列表会删除“YouTube”项目？
【发布时间】：2010-09-10 17:58:02
【问题描述】：

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>

如果我从 CSS 中删除 -moz-binding: url('main.xml#youtubeStarter');，就会显示 Youtube 项目。知道为什么 Youtube 项目会隐藏在这一行中吗？

【问题讨论】：

标签： css xml xul xbl

【解决方案1】：

知道了：当您添加绑定（在 css 中使用 -moz-binding）时，它将使用绑定标记中指定的内容覆盖该组件的内容。如果您没有标签（我的情况），您将没有内容。

【讨论】：