如何隐藏div中的前两个表

Question

我的SharePoint Web应用程序中有以下左侧导航菜单： -

现在我想隐藏Div中的前两个表（命名; Documents＆amp; Images），我尝试了以下但是它只删除了＆＃34; Documents＆＃34;表： -

#ctl00_PlaceHolderLeftNavBar_ctl02_WebTreeView > table:first-child { display: none !important;}

有人可以就此提出建议吗？

Answer 1

使用:nth-child(n)选择器，其中n是容器中元素的位置索引，所以：

#ctl00_PlaceHolderLeftNavBar_ctl02_WebTreeView > table:nth-child(1),
#ctl00_PlaceHolderLeftNavBar_ctl02_WebTreeView > table:nth-child(2) {
    ...
}

Answer 2

你可以简单地做一些类似下面的例子，你很高兴。

#your-div-name > table:nth-of-type(-n+2){
    display: none;
  }

See working example here