我有一个菜单项需要隐藏。浏览所有文件并删除它是不合逻辑的,因此我一直在寻找一种使用CSS隐藏它的方法。这是我的代码:

<li>
    <a tabindex="-1" href="index.php?option=com_eshop&view=countries">
        <span class="icon-flag"></span>
         Countries
    </a>
</li>


我发现了一些可能的解决方案,但似乎没有任何效果。这是应该起作用的一种,但我必须做错了什么:

a[href="index.php?option=com_eshop&view=countries"]{ display:none; }

最佳答案

给定您提供的HTML,该属性选择器应该可以工作。请参见this example

有几种原因可能导致它不起作用。这有两种可能性:


该选择器正在被另一个higher specificity选择器覆盖。在这种情况下,可以通过将父元素选择器添加到选择器来提高选择器的特异性。由于这是一个下拉菜单,因此可能存在更具体的选择器设置,例如display: block
也有可能不是您网站上的href值。在这种情况下,您可以尝试使用属性选择器[attr*=value]。这将选择所有包含该值字符串实例的元素。

a[href*="index.php?option=com_eshop&view=countries"] {
    display:none;
}

关于css - 使用CSS隐藏href,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/28597699/

10-12 12:20
查看更多