Apply CSS to specific list item

[newcoder1010]

Hello,

 

HTML:

<ul class="responsive-menus-simple" id="rm-no-id-main">
  
  <li><a href="#" data-toggle="modal" data-target="#login-modal">Login</a></li>
  <li><a href="#" data-toggle="modal" data-target="#register-modal">Register</a></li>
</ul>

I would like to remove the register link. I cant do it from html. How to apply 

display:none;

to the 2nd item (register)? 

 

Thank you.

[Ingolme]

Can you not remove it from the HTML? That would be the ideal solution.

In CSS, you can give a class name to the object or you can use the :nth-child selector.

.responsive-menus-simple li:nth-child(2) {
  display: none;
}

 

[newcoder1010]

Thank you so much. I have some issue with HTML access. CSS is work around for now. Thank you again.