如何隐藏除id = mainContainer之外的所有元素

Question

我一直试图隐藏以下Facebook post

主要内容之外的所有内容

我没有运气就注射了以下css - 有人可以帮忙吗？

＆＃13;

＆＃13;

html body * {
 display:none;
}

#contentArea {
 display:block;
}

＆＃13;

＆＃13;

＆＃13;

以下是我之后的截图。

Answer 1

使用body *隐藏每个孩子。

使用#contentArea显示此块，但仍然会为子元素和父元素保留body *。

您必须指定更多规则来隐藏其他所有内容。

Answer 2

如前所述，您无法显示具有隐藏父级的元素。无论如何，Facebook的布局比我想象的要简单，你所要做的就是隐藏两个元素：标题和侧边栏。这当然假定用户没有登录。

注入此CSS

#pagelet_bluebar, #rightCol {
    visibility: hidden;
}

结果：

结果（用户登录）：

要隐藏聊天侧边栏，您可以将#pagelet_sidebar添加到CSS。

#pagelet_bluebar, #rightCol, #pagelet_sidebar {
    visibility: hidden;
}

总结：隐藏主要部分而不是所有内容，或者使用jQuery来定位除了@MaVRoSCy建议的元素之外的所有部分。

Answer 3

谢谢大家 - 以下似乎是每个人的答案的组合：

#leftCol, #pagelet_bluebar, #rightCol, #pagelet_bluebar {
    visibility: hidden !important;
    display: none !important;
}

html ._5vb_.hasLeftCol #contentCol {
    border-left: initial  !important;
    margin-left: initial   !important;
    padding-left: initial  !important;
    padding-top: initial  !important;

}

._5vb_, ._5vb_ #contentCol {
background: none !important;
}