时间戳

首页 > 解决方案 > 隐藏特定类的最佳方法，它具有特定名称

html - 隐藏特定类的最佳方法，它具有特定名称

问题描述

似乎隐藏元素可以通过 500 种方式完成。我正在寻找最适合浏览器兼容性标准的东西，甚至可能是性能......

这是我想隐藏的：

<li class="header-menu-user"><a class="header-user" href="/Settings/User/UserProfile">User Settings</a></li>

我过去尝试过的另一种情况是，我在具有数据属性等的 li 上进行了 display:none 。

我只是尝试这样做但它不起作用（没有隐藏它）

.header-user {
    display: none;
}

标签： htmlcss

解决方案

有很多方法，但通常这两种方法中的一种是合适的：

display: none;

将隐藏元素，这意味着周围的元素将忽略它，就好像它不在 DOM 中一样，即使它存在并且您仍然可以定位它。

opacity: 0;

本质上会使元素透明，不可见，但在各种布局模型中仍会占用空间。

推荐阅读