Question

第一个主页。当前页面的导航栏颜色不起作用。建议？ CSS下面。感谢。

HTML

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath;

CSS

<ul class="nav">
    <li><a href="Turf.html">HOME</a></li>
    <li><a href="Turf2.html">PRODUCTS</a></li>
    <li><a href="Turf3.html">STAFF</a></li>
    <li><a href="Turf4.html">LINKS</a></li>
    <li><a href="Turf5.html">CONTACT</a></li>
</ul>

Answer 1

您也可以使用此css代码。

a：活动：当您点击链接并按住它时（激活！）。 a：已访问：链接已被访问时。

如果您希望突出显示与当前页面对应的链接，您可以为链接定义一些特定样式 -

ul.nav a:visited {
color: #6CBB3C;
}

仅在服务器端或客户端（使用javascript）将此新类添加到相应的li（链接）。

Answer 2

检查摘录..

.nav {
  border: 1px solid #ccc;
  border-width: 1px 0;
  list-style: none;
  margin: 20;
  padding: 0;
  text-align: center;
  font-family: sans-serif;
}
.nav li {
  display: inline-block;
  color: #493D26;
  font-size: 15px;
  font-family: sans-serif;
}
.nav a {
  display: inline-block;
  border-width: 1px 0;
  padding: 15px;
  text-decoration: none;
  color: #493D26;
  font-size: 17px;
  font-style: bold;
  text-transform: capitalize;
}
ul.nav a:hover {
  color: #6CBB3C;
}
ul.nav a:visited {
  color: #6CBB3C;
}

<ul class="nav">
  <li><a href="#">HOME</a>
  </li>
  <li><a href="Turf2.html">PRODUCTS</a>
  </li>
  <li><a href="Turf3.html">STAFF</a>
  </li>
  <li><a href="Turf4.html">LINKS</a>
  </li>
  <li><a href="Turf5.html">CONTACT</a>
  </li>
</ul>

Answer 3

你可以使用jQuery技巧：

你应该添加jQuery库文件：

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>

<script type="text/javascript">
$(document).ready(function() {
    $("ul.nav li a").each(function()
    {
        if(this.href==window.location.href)
        {
            $(this).addClass('current');
            $(this).removeAttr('href');
        }
    });
});
</script>

并添加此css：

ul.nav a.current{
    color: #6CBB3C;
}

Answer 4

亲爱的..

尝试使用public static int Fibonacci(int n) { int a = 0; int b = 1; // In N steps compute Fibonacci sequence iteratively. for (int i = 0; i < n; i++) { int temp = a; a = b; b = temp + b; } return a; }代替.nav ul：）

CSS导航栏当前/活动颜色链接

4 个答案: