Firefox(v.99)中用CSS仅显示tgju.org指定区域的适配问题

你的代码失效的原因是：.info-bar的父元素被body :not(.info-bar) :not(.date)这个选择器选中并设置为display: none，即便单独给.info-bar设置了display: block !important，父元素隐藏也会导致子元素无法显示。

修改后的CSS代码如下，先隐藏页面所有元素，再强制显示目标区域及其内部内容：

/* 隐藏页面所有元素 */
body * {
  display: none !important;
}

/* 强制显示价格栏及其内部内容 */
.info-bar,
.info-bar * {
  display: block !important;
}

/* 强制显示日期时间栏及其内部内容 */
.date,
.date * {
  display: block !important;
}

如果目标区域内有非块级元素（比如行内文本、图标），可以把display: block换成display: initial !important，保留元素原本的显示类型：

/* 隐藏页面所有元素 */
body * {
  display: none !important;
}

/* 强制显示目标区域及其内部内容，保留原有显示类型 */
.info-bar,
.info-bar *,
.date,
.date * {
  display: initial !important;
}

内容的提问来源于stack exchange，提问作者dashakol