javascript - 如何为 href 背景设置替代颜色

标签 javascript html css

您好,我想使 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>

最佳答案

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

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

关于javascript - 如何为 href 背景设置替代颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28041371/

相关文章:

Javascript ES6 Const 可以在不允许时更改

javascript - 哪些视频播放器不需要文件格式转换?

javascript - sequelize 中的引用字段是什么?

html - 如何用HTML + CSS实现如下布局?

javascript - 如何在重定向到另一个页面之前显示加载图像?

javascript - 如何将 setValidity 应用于元素?

php - 我应该将 bootstrap 文件夹复制到每个新元素吗?

javascript - Angular 6 : unable to retrieve all form Control value in HTML using {{form. 值 | JSON}}

jquery - 在 <ul> 列表中包含 jquery 进度条的 div

css - Windows VS MacOS 上的不同大小字体渲染。怎么解决?