：nth-​​of-type（odd）获取非目标元素

Question

我正在制作一个列表，并且我使用:nth-of-type(odd)为奇数人提供了一个背景。

.item {
  padding: 8px 8px;
  margin: 0px 0;
}
.item:nth-of-type(odd){
  background: #fff;
}

HTML

<p class="text-right">
  <small>
    <a href="./?action=edit">Edit Info</a>
  </small>
</p>
  <p class="item">
    <b>Name</b>
    <span class="value"><?= $user["f_name"]; ?> <?= $user["l_name"]; ?></span>
  </p>
  <p class="item">
    <b>Email</b>
    <span class="value"><?= $user["email"] ? $user["email"] : "-"; ?></span>
  </p>
  <p class="item">
    <b>Phone</b>
    <span class="value"><?= $user["phone"] ? phone_format($user["phone"]) : "-"; ?></span>
  </p>

当我尝试此操作时，p中包含第一个.text-right（:nth-of-type}，因此第一个.item被计为第二个.item。

我设法通过将div包裹在p中来修复它，但这不符合我的布局。有没有办法可以在同一个父容器中保留所有$in = \PhpOffice\PhpSpreadsheet\Shared\Date::excelToTimestamp($time_in); date("g:i a", $in); //outputs 8:00 AM 的同时执行此操作？