Dano007 Dano007 - 2 months ago 10
CSS Question

Hide html list item using css

I would like to remove (or make not visible) #tab4 from the end users view. I thought I could use something like

#tab4 {
visibilty: none;
:
}


However thats not working. Do I need to target the ID as well?




<div id="tabs-widget-wrap">
<ul id="tabs">
<li id=""><a href="#" name="#tab1" id="">Description</a></li>
<li id=""><a href="#" name="#tab2" id="">Features</a></li>
<li id="current"><a href="#" name="#tab3" id="current">Policies</a></li>
<li id=""><a href="#" name="#tab4" id="">Availability</a></li>
<li id=""><a href="#" name="#tab5" id="">Review (0) </a></li>
</ul>

Answer

Hello just use the below css to hide #tab4

   #tabs-widget-wrap ul li:nth-child(4)
   {
   display: none;
   }
Comments