如何只显示网页的一部分，并隐藏所有其他内容在客户端Firefox上使用CSS？

rta7y2nd 于 2023-06-25 发布在其他

关注(0)|答案(1)|浏览(162)

我想在这里只看到这两部分突出显示

从这个特定的网站tgju.org当我打开它在Firefox（v.99）。
我正在使用Magic CSS中的This add-on，并尝试了以下CSS代码：

body :not(.info-bar) :not(.date){
  display: none;
}
.info-bar {
  display: block !important;
}
.date {
  display: block !important;
}

但它似乎并不正确。正如你看到的，较小的部分（日期和时间）显示，但价格栏(.info-bar)隐藏在页面的其余部分。我应该如何修改代码以只显示那些突出显示的部分？谢谢

css

来源：https://stackoverflow.com/questions/76523262/how-to-only-show-one-part-of-a-web-page-and-hide-everything-else-using-css-on-cl

1条答案

按热度按时间

flvtvl501#

body > :not(main):not(:nth-child(3)),
main > :not(.home-quickview-wrapper),
.home-quickview-wrapper > :not(.container),
#main-header > :not(.header-navbar),
.header-navbar > :first-child,
.nav-items > :not(.nav-time) {
    display: none !important;
}

这应该会隐藏所有你不需要的元素。
我使用的工具，只是浏览器开发工具。我首先检查您想要保留的元素，看看它们在DOM结构中的位置。然后我从那里上去，检查在哪一层兄弟姐妹可以立即隐藏，哪一个需要更多的“钻到”再次，以保留必要的部分。

赞(0）回复(0）举报 2023-06-25

我来回答

如何只显示网页的一部分，并隐藏所有其他内容在客户端Firefox上使用CSS？

1条答案

相关问题

热门标签

最新问答