如何为href背景设置备用颜色

Question

嗨，我想让href链接的背景交替颜色，我怎么能做到这一点？

<div class="left_column">
  <div class="category">
    <p>Category</p>
  </div>
  <ul class="side-link">
  <?php 
  $data=mysql_query("select categoryname from category");
  while($row=mysql_fetch_array($data))
  {
    ?>
    <li><a class="linkbutton" href="#" style="text-decoration:none;"><?php echo $row['categoryname']; ?></a></li>
    <?php
  }
  ?>
  </ul>
</div>

Answer 1

<div class="left_column">
                    <div class="category">
                        <p>Category</p>
                    </div>
                    <ul class="side-link">


        <?php 
        $data=mysql_query("select categoryname from category");
        $t =0;
        while($row=mysql_fetch_array($data))
        {
            if($t==0){
                $t=1;
            ?>
            <li><a  class ="linkbutton odd" href="#" style="text-decoration:none;"><?php echo $row['categoryname']; ?></a></li>
            <?php
            }else{
                     ?>
    <li><a  class ="linkbutton even" href="#" style="text-decoration:none;"><?php echo $row['categoryname']; ?></a></li>
    <?php
             }

        }
        ?>
    </div>

例如，在css中：

enter code here

    .odd{
   background-color: red;
}
.even{
 background:green;
}

Answer 2

您不能直接检查链接是偶数还是奇数。但是，您可以检查链接是否嵌套在其父元素的偶数或奇数子元素中：

.side-link li:nth-child(odd) .linkbutton {
    background-color: #F00;
}
.side-link li:nth-child(even) .linkbutton {
    background-color: #080;
}

Answer 3

您可以使用css来样式替代的li元素。

.side-link li{
    background:#ff0000;
}

.side-link li:nth-child(even){
    background:#878787;
}

如果您想对a进行样式化，那么需要显示块来填充li的空间。