как скрыть первые две таблицы внутри DIV

Question

У меня есть следующий левый меню навигации внутри моего веб-приложения SharePoint: -

Теперь я хочу, чтобы скрыть первые две таблицы внутри Div (названный ; Документы & изображения), я попытался следующие, но это только удалила «Документы» таблицы: -

#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