HTML、CSS、菜单保持突出显示

Question

我希望我的菜单在按下时保持突出显示。我怎么能这么做呢？我只是一个初学者 html 和 CSS 程序员，我不知道我该怎么做，我按照其他人所说的尝试过，但没有成功...... HTML：

    <div id="menu">
        <ul>
            <li><a href="index.html">Domov</a></li>
            <li><a href="CarbonGaming.html">Igre</a></li>
            <li><a href="#">Robotika</a></li>
            <li><a href="About.html">O nas</a></li>
            <li><a href="SMcontact.html">Kontakt</a></li>
            <li><a href="#">Forum</a></li>


</ul>
</div>

CSS：

#menu {
    width: 950px;
    height: 60px;
    margin: 0 auto;
    background: #6AA2FD url(images/img04.gif);
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu li {
    display: inline;
    text-transform: uppercase;
}

#menu a {
    display: block;
    float: left;
    background: url(images/img15.gif) no-repeat right 100%;
    padding: 18px 30px 0 30px;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    color: #FFFFFF;
}

#menu a:hover {
    height: 60px;
    background: url(images/img16.gif) repeat-x right 30%;
    color: #000000;
}

#menu .current_page_item {

}

#menu .current_page_item a {
    color: #FFFFFF;
        background: url(images/img16.gif) repeat-x right 30%;
}

我不知道怎么做，请帮忙。抱歉我的英语不好，我来自斯洛文尼亚。

Answer 1

这就是您要找的吗http://jsfiddle.net/rYAGY/5/

如果是，请将此 jQuery 代码添加到页面底部

    var elements = $('#nav li a');
    elements.on('click', function(e){
        debugger;
        e.preventDefault();
        var th = $(this);
        if(!th.hasClass('selected')){  
            elements.removeClass('selected');
            th.addClass('selected');
        }
    });

Answer 2

兄弟，你制作了许多html文件，并在你打开的链接中创建了一个功能，并且执行了该代码文件，所以在a的href中执行此操作，你需要先放一个/，就像我所做的那样，这就是工作，我尝试一下它的工作如果你滚动你的用户进行联系，并在你的导航栏中创建一个像联系、回合等链接，而不是像你在一页中创建一个关于我们的页面那样，所以你想滚动到第二个部分，那么你所做的#那就没什么了为此，您可以制作关于、联系等部分，并给他一个 id，而不是您可以做的 # 和您的 id 名称，并在您的 html 标记中放置一些 css 滚动行为：smooth;我放了很多东西，但这是值得的，我也在我的项目中使用它，如果你将 css 文件放在文件夹中，并且你的图像不在文件夹中，那么你需要执行 ../ 从文件夹中出来，如果你不这样做如果你使用 vs code 就这样做，这样你就可以使用实时服务器，这样当你打开 html 文件时，网站背景就很好，所以他不工作，所以这样做../

<div id="menu">
    <ul>
        <li><a href="/index.html">Domov</a></li>
        <li><a href="/CarbonGaming.html">Igre</a></li>
        <li><a href="#">Robotika</a></li>
        <li><a href="/About.html">O nas</a></li>
        <li><a href="/SMcontact.html">Kontakt</a></li>
        <li><a href="#">Forum</a></li>