为什么这两个 userChrome.css 文件不兼容?

为什么这两个 userChrome.css 文件不兼容?

这个 userChrome.css 满足了我的要求。具体来说,它让我能够从蓝色星形菜单中编辑书签 URL。

/* userChrome.css */

@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
@namespace html "http://www.w3.org/1999/xhtml";

/* Add option to edit bookmark URLs under blue star menu */
#editBMPanel_locationRow {
  visibility: visible !important;
}

这个 userChrome.css 是我常用的,可以做很多我想要的事情,比如让我的书签在工具栏中占用更少的空间。

/*@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");*/
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
@namespace html "http://www.w3.org/1999/xhtml";
.bookmark-item{
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important; 
}
toolbarbutton.bookmark-item .toolbarbutton-text{
    display: none !important;
}
toolbarbutton.bookmark-item .toolbarbutton-icon{
    margin-left: 2px !important;
}
#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon[label]:not([label=""]) {
    margin-inline-end: 2px !important;
}
toolbarbutton.subviewbutton.subviewbutton-iconic .toolbarbutton-text{
    display: -moz-box !important;
}
/* --- [1] --- */
toolbarbutton.bookmark-item:hover:not(.subviewbutton):not([disabled="true"]):not([open]) .toolbarbutton-text{
    display: -moz-box !important;
}
/* Hide Giant Thumbnail and Favicon */
#editBookmarkPanelImage,
*|div#editBookmarkPanelFaviconContainer {
  display: none !important;
}

/* fix right click menu disappearing on highlighted text */
*#contentAreaContextMenu { margin: 12px 0 0 12px };

但当我通过添加来混合它们时

/* Add option to edit bookmark URLs under blue star menu */
#editBMPanel_locationRow, #editBMPanel_keywordRow {
  visibility: visible !important;
}

到上一个 CSS 文件的末尾,我无法从蓝星菜单中编辑 URL 的能力。

单独使用时,每个功能都运行良好,但当我混合使用它们时,书签编辑(且只有书签编辑)不起作用。这种不兼容有什么明确的原因吗?

答案1

#editBMPanel_locationRow我在 Firefox 中使用您的 userChrome.css 和底部的额外条目创建了一个新配置文件。我观察到您的行为,即部分未显示在书签模式/对话框中。然后我将其放在*#contentAreaContextMenu条目上方,然后部分就出现了!这告诉我问题可能出在 CSS 中的最后一个条目上。确实,有一个微妙的拼写错误:

/* fix right click menu disappearing on highlighted text */
*#contentAreaContextMenu { margin: 12px 0 0 12px };

第二行末尾的分号应该是里面括号。当我修复这个问题并将您的#editBMPanel_locationRow条目放在底部时,它就可以正常工作了:

/*@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");*/
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
@namespace html "http://www.w3.org/1999/xhtml";
.bookmark-item{
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-right: 0 !important;
    padding-left: 0 !important; 
}
toolbarbutton.bookmark-item .toolbarbutton-text{
    display: none !important;
}
toolbarbutton.bookmark-item .toolbarbutton-icon{
    margin-left: 2px !important;
}
#PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon[label]:not([label=""]) {
    margin-inline-end: 2px !important;
}
toolbarbutton.subviewbutton.subviewbutton-iconic .toolbarbutton-text{
    display: -moz-box !important;
}
/* --- [1] --- */
toolbarbutton.bookmark-item:hover:not(.subviewbutton):not([disabled="true"]):not([open]) .toolbarbutton-text{
    display: -moz-box !important;
}
/* Hide Giant Thumbnail and Favicon */
#editBookmarkPanelImage,
*|div#editBookmarkPanelFaviconContainer {
  display: none !important;
}

/* fix right click menu disappearing on highlighted text */
*#contentAreaContextMenu { margin: 12px 0 0 12px ;}

/* Add option to edit bookmark URLs under blue star menu */
#editBMPanel_locationRow, #editBMPanel_keywordRow {
  visibility: visible !important;
}

测试配置文件的屏幕截图:

在此处输入图片描述

相关内容