Html 隐藏特定类的最佳方法是，它有一个特定的名称

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

这就是我想要隐藏的：

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

---

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

display: none;

将隐藏元素，这意味着周围的元素将忽略它，就像它不在DOM中一样，即使它在DOM中，并且您仍然可以将其作为目标

opacity: 0;

将基本上使元素透明，不可见，但它仍然在各种布局模型中占据空间。

仅使用CSS显示：无；这是最好的选择。这对性能的唯一影响是，您仍然将所有隐藏的内容发送到客户端浏览器。如果你想提高性能，也许考虑删除服务器端的内容，如果这是你的选择。 您可以像这样隐藏特定的标记：

li.header-menu-user a[href^="/Settings"] { display: none; }

---

使用CSS有什么问题？您是否希望根据需要javascript的操作动态隐藏它？或者仅仅是页面加载，这只需要基本的CSS？可能是重复的，而不是动态的，只是它总是一个第三方栓接的产品，经过大量升级后会被修改-所以从html中删除代码等等。。不可取。针对周围的li元素。标题菜单用户{显示：无；}不要忘记可见性：隐藏；这可能与不透明选项相同，但我应该如何通过遍历标记和类来隐藏它呢？我不清楚你的问题。请在您的原始问题中使用编辑链接更完整地将其散列出来。@ChadJacobs.which选择器{display:none；}我是否遗漏了什么？但我应该如何通过遍历标记和类来隐藏它呢？只需将一个类粘贴在您想要隐藏的类上即可。li.hide{display:none；}如果只隐藏链接，则要隐藏整个标记。标题菜单用户{display:none；}如何包含li标记和classhuh？我给了你代码，Simran给了你代码，通过在标签上定位类来隐藏标签。效果很好！谢谢它是否隐藏了a标记，但li标记仍在显示？检查firefox检查器中的代码，您将能够了解到底发生了什么

li.header-menu-user a[href^="/Settings"] { display: none; }