无法使用Chrome的选择器结果选择元素

我正在尝试选择具有“选择器名称”的元素,然后将其删除。

但是我无法选择元素:

Chrome给我Selector:

body > zea-hub > div > div > zea-my-accounts > zea-section > section > div > div > div:nth-child(1)

要选择它,我尝试使用:

document.querySelector("body > zea-hub > div > div > zea-my-accounts > zea-section > section > div > div > div:nth-child(1)")

Which return null

document.querySelectorAll("body > zea-hub > div > div > zea-my-accounts > zea-section > section > div > div > div:nth-child(1)")

Which return NodeList[] I bet this is a good return

所以我尝试了这种方式删除这个元素:

var ChromeSelector = document.querySelectorAll("body > zea-hub > div > div > zea-my-accounts > zea-section > section > div > div > div:nth-child(1)");

ChromeSelector.parentNode.removeChild(ChromeSelector)

但它不起作用...我是否缺少某些东西?