如何给活动菜单项不同的样式
我的菜单是一堆链接，然后我使用CSS来设置为按钮
单击一个菜单项并激活时，以不同方式设置样式的最佳方法是什么？ 我是否使用jquery或javascript添加新类？ 或者这有一个CSS技巧？
CSS技巧是
#menu a:active { color: #f00; }
同样的：hover和：访问
祝好运！
编辑
现在看到您希望链接到您所使用的页面的样式不同，我需要更多详细信息。 你用PHP吗？ 你不是每页都使用一个PHP脚本吗？
无论如何，如果你有一个header.php文件包含在你的所有页面中，或者你只是懒得为每个链接硬编码类，这应该可行。
PHP：
// Return $return if this page is $page, false otherwise function is_current($page, $return) { $this_page = $_SERVER['SCRIPT_NAME']; // will return /path/to/file.php $bits = explode('/',$this_page); $this_page = $bits[count($bits)-1]; // will return file.php, with parameters if case, like file.php?id=2 $bits = explode('?',$this_page); $this_script = $bits[0]; // will return file.php, no parameters return ($page == $this_script?$return:false); // return $return if this is $page, false otherwise }
CSS
/* blue, no underline when normal */ a { text-decoration: none; color: #00f; } /* red, underlined when class active */ a.active { text-decoration: underline; color: #f00; }
你的档案
Home About
假设您的意思是“当用户正在查看与链接相对应的页面时”（而不是“当用户在链接上按下鼠标按钮但尚未释放它时”）：
在链接中包含一个类（例如current ），然后在选择器中使用它。 在将该类提供给用户之前将该类添加到页面的HTML中，具有服务器端进程这样做通常是最好的方法。
CSS :active可以使用:active伪类：
a.mybutton:active { /* rules */ }