如何仅在没有 id 或 class 的情况下使用 css 隐藏元素

时间:2021-06-19 15:58:35

标签: css class

如何隐藏第二个列表 - 仅在没有 class 和 id 时使用 css 的“帐户”。
我无法更改 html!

<ul>
  <li class="active">
    <a aria-controls="menu" href="#menu">Menu</a>
  </li>
  <li>
    <a aria-controls="account" href="#account">Account</a>
  </li>
</ul>

2 个答案:

答案 0 :(得分:2)

这边

ul > li:nth-of-type(2) {
  display : none;
  }
<ul>
  <li class="active">
    <a aria-controls="menu" href="#menu">Menu</a>
  </li>
  <li>
    <a aria-controls="account" href="#account">Account</a>
  </li>
</ul>

答案 1 :(得分:0)

把它放在你的 css 中。

li:nth-child(2)
{
    visibility: hidden;
}

标签的第 n 个子代表示标签在任何特定级别中的第 n 次出现。这里 li:nth-child(2) 表示 ul 标签内的第二个 li 标签。

了解更多 here