How to hide element using css only without id or class

Question

How to hide the second list - "account" using css only while no class and id.
I am not able to change the 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>

Go through this: developer.mozilla.org/en-US/docs/Web/CSS/… — Shounak Das
– Shounak Das, Commented Jun 19, 2021 at 18:05

Mister Jojo · Accepted Answer · 2021-06-19 16:03:28Z

3

this way

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>

answered Jun 19, 2021 at 16:03

Mister Jojo

23k6 gold badges28 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Aldrin Saurov Sarker · Accepted Answer · 2021-06-19 16:03:25Z

0

Put this in your css.

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

nth child of a tag means the nth occurance of a tag in any particular level. Here li:nth-child(2) means the 2nd li tag inside the ul tag.

Learn more about it here

answered Jun 19, 2021 at 16:03

Aldrin Saurov Sarker

3333 silver badges15 bronze badges

Collectives™ on Stack Overflow

How to hide element using css only without id or class

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related