عمل نکردن صحیح رنگ پس زمینه (odd / even ) در پروژه notes - بخش دوم

سلام دوستان ، من در رابطه با رنگ پس زمینه که توسط nth-child(odd/even) آموزش داده شده به مشکل برخوردم ، هر کاریم میکنم حل نمیشه و همیشه فقط قسمت odd تغییراتش اعمل میشه و even کار نمیکنه

لطفاً کد رو بررسی کنین و نظرتون رو بگید

 /*--- CSS ---*/

.todo-entry{
  max-width: 800px;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}

.todo-entry li{
  display: inline-block;
}

.todo-entry:nth-child(odd) {
  background-color: rgba(127, 127, 127, 0.3);
}

.todo-entry:nth-child(even) {
  background-color: rgba(127, 127, 127, 0.7);
}

.todo-entry li:nth-child(1){
  flex-grow:1;
}

.todo-entry li:nth-child(2){
  flex-grow:2;
}

.todo-entry li:nth-child(3){
  width: 140px;
}

 /*--- Home.php ---*/

  <div  id="header-wrapper">
    <div  id="header-top-right">
      <? if ($isGuest){ ?>
          <img class="profile-image" src="image/empty-profile-24.png"
          <span ><?='  '. _guest_user .'  '. _welcome ?></span>
         <a class="btn-blue" href="login.php"><?='  ' . _login ?></a>
      <?} else{ ?>
         <img class="profile-image" src="image/empty-profile-24.png">
         <span ><?='  '. $_SESSION['email'] .' ' . _welcome ?></span>

          <a  class="btn-blue" href="logout.php"><?='  ' . _logout ?></a>
      <?}?>
   </div>
  </div>
  <br>
  <br>
<div id="content">
  <? if($isGuest) { ?>
    <div class="tac lf imortant-color m15tb" >
      <span> برای استفاده کامل از سیستم نیازمند ثبت نام در سایت می باشید </span>
    </div>
  <? } else { ?>
    
    <? foreach($records as $record) { ?>
       <div id="content">
        <ul class="todo-entry">
          <li><?=$record['title']?></li>
          <li><?=$record['description']?></li>
          <li><?=$record['eventTime']?></li>
        </ul>
       </div>  
    <? }
   } ?>
  </div>