1

我制作了一个菜单，并希望将按下的按钮保持不同的颜色。IE 如果我在菜单页面，菜单的菜单按钮会是蓝色的。

我已经阅读了一些关于菜单的在线指南，最后得到了以下内容：

<div id="menu">

<ul>

    <li>
        <a href="/index.php" >home</a>
    </li>
    <li>
        <a href="/search.php" >search</a>
    </li>
    <li>
        <a href="#">1</a>
    </li>
    <li>
        <a href="#">2</a>
    </li>
    <li>
        <a href="#">3</a>
    </li>

</ul></div>

CSS 会是这样的：

#menu ul li a.selected{
background:blue;
color:#000;
}

当然，每个LI都有高度和东西，所以它有一些颜色。问题是如何告诉 HTML 选择了一个按钮？HTML属性还是什么？

我遇到的另一个难题是如何最好地更改这些选择？我可以使用 PHP 检查地址并根据它更改选择的地址。任何建议如何最好地做到这一点？

4

4 回答 4

0

试试 :active 和 :focus

#menu ul li a:active,#menu ul li a:focus{
    background:blue;
    color:#000;
}
于 2013-04-18T13:07:41.467 回答
0

你可以去：

<li>
<a href="/search.php" 
<?php 
    if(strstr($_SERVER["REQUEST_URI"], "YOURPATH/index.php")) 
      echo "class='selected'";
?>
> Home </a>
</li>

或使用 Javascript 等效的“document.URL”。可能不是最干净的解决方案，但应该这样做。

于 2013-04-18T13:08:33.877 回答
0

a:visited在 css 中使用。仅当之前使用过该链接时，它才会被应用

于 2013-04-18T13:04:12.923 回答
0

您可以在 css中使用a:visited和。当你点击它时，a:active它会变成它。如果您以前访问过它，active它就会变成。visited

如果您想操作按钮，您可以考虑使用 JavaScript（最好是 jQuery），然后您可以轻松地根据操作（例如onclick）更改元素属性。

于 2013-04-18T13:04:40.947 回答