元素未使用CSS隐藏

Question

这是一个名为"主页"；我试图用CSS隐藏它，但它不起作用。

a.menu-item.shortpoint-nav-home-link {
display: none !important
}

<a class="static selected menu-item ms-core-listMenu-item ms-displayInline ms-core-listMenu-selected ms-navedit-linkNode shortpoint-nav-home-link shortpoint-nav-a-selected" accesskey="1" href="/sites/somesite/en/Pages/default.aspx">
<span class="additional-background ms-navedit-flyoutArrow">
<span class="menu-item-text" data-original-word="English">Home</span>
<span class="ms-hidden">Currently selected</span>
</span>
</a>

有其他方法可以隐藏吗？或者可能正在使用JS/Jquery？

Answer 1

如果你试图隐藏"HOME"；，将您的CSS选择器更改为以下代码段中的选择器：

a.menu-item .menu-item-text {
display: none;
}

<a class="static selected menu-item ms-core-listMenu-item ms-displayInline ms-core-listMenu-selected ms-navedit-linkNode shortpoint-nav-home-link shortpoint-nav-a-selected" accesskey="1" href="/sites/somesite/en/Pages/default.aspx">
<span class="additional-background ms-navedit-flyoutArrow">
<span class="menu-item-text" data-original-word="English">Home</span>
<span class="ms-hidden">Currently selected</span>
</span>
</a>