How to select first 2 elements in table using css

how to select only first 2 a elements in following table: I just want to select "Alle Filme" and "Generes"Alle Filme. That applies to "Alle Filme" but not "Genres"

#menu-item-608 a, #menu-item-587:first-child a {      padding-top: 26px;      font-size: 25px;      margin-bottom: 22px;          <div class="head-main-nav">     <div class="menu-genres-container">        <ul id="main_header" class="main-header">           <li id="menu-item-608" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-608"><a href="/?post_type=movies">Alle Filme</a></li>           <li id="menu-item-607" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-607">              <a href="#">Genres</a>              <ul class="sub-menu">                 <li id="menu-item-587" class="menu-item menu-item-type-taxonomy menu-item-object-genres menu-item-587"><a href="/?genres=abenteuer">Abenteuer</a></li>                 <li id="menu-item-588" class="menu-item menu-item-type-taxonomy menu-item-object-genres menu-item-588"><a href="/?genres=action">Action</a></li>                               </ul>           </li>        </ul>     </div>  </div>  

https://stackoverflow.com/questions/65802451/how-to-select-first-2-a-elements-in-table-using-css January 20, 2021 at 10:57AM