似乎隐藏元素可以完成500种方法。我正在寻找最适合浏览器兼容性标准甚至性能的最佳选择。
这就是我要隐藏的东西：
<li class="header-menu-user"><a class="header-user" href="/Settings/User/UserProfile">User Settings</a></li>
我过去尝试过的另一种情况是我进行了显示：没有带数据属性的li上的显示。
我只是试图做到这一点，但它不起作用（没有隐藏它）
.header-user {
display: none;
}
答案 0 :(得分：2)
有很多方法，但通常使用以下两种方法之一：
display: none;
将隐藏元素，这意味着周围的元素将忽略它，就好像它不在DOM中一样，即使它已经存在并且您仍然可以定位它。
opacity: 0;
本质上将使元素透明，不可见，但在各种布局模型中它仍会占用空间。
答案 1 :(得分：1)
您可以这样隐藏特定的<a>标签：
li.header-menu-user a[href^="/Settings"] { display: none; }
答案 2 :(得分：0)
仅使用CSS Display:none;就可以了。真正对性能产生的唯一影响是，您仍会将所有隐藏的内容发送给客户端浏览器。如果您想提高性能，则可以考虑删除服务器端的内容（如果您可以这样做）。