重新加载页面后存储活动列表选择

Question

我需要确保即使在刷新页面后也会选择列表项。这是代码：

 <style>
    li a.selected 
      {
        color: red;
      } 
  </style>


   <ul>
      <li><a href="arasu.php?something_dynamically">test</a></li>
      <li><a href="arasu.php?something_dynamically">test 1</a></li>
      <li><a href="arasu.php?something_dynamically">test 2</a></li>
   </ul>

Answer 1

如果我理解你的问题，你可能想尝试这样的事情：

<ul>
  <li><a href="arasu.php?item=1" <?php if($_GET['item'] == 1):?>class="active"<?php endif;?>>test</a></li>
  <li><a href="arasu.php?item=2" <?php if($_GET['item'] == 2):?>class="active"<?php endif;?>>test 1</a></li>
  <li><a href="arasu.php?item=3" <?php if($_GET['item'] == 3):?>class="active"<?php endif;?>>test 2</a></li>
</ul>

Answer 2

如果要区分已访问的锚标记<a>，则需要CSS中的:visited选择器。您可以使用CSS默认:visited选择器，而不是在CSS中为其提供类，如下所示：

li a:visited
{
    color: red;
}