加載html或div，菜單

Question

我需要建議，因為我已經絕望了。 我制作了簡單的菜單，並使用a：hover更改了顏色（紅色）。 當我單擊鏈接時，我還將類“活動”設置為顏色仍然是紅色。 目前，一切進展順利。 但是我想..當我單擊菜單的鏈接時，只更改了一個（內容頁面）。 我知道如何在鏈接中加載頁面或div，但是當特定鏈接處於活動狀態時，我需要在鏈接周圍保持紅色。 我嘗試了很多解決方案，但沒有成功。 如果有人幫助我，我將不勝感激。
鏈接jsfiddle

HTML：

 <div id="menu">
    <nav>
        <ul>
            <li><a class="active" href="index.html"><b>POČÍTAČE</b></a>
            </li>
            <li><a href="kontaktys.html"><b>TVORBA W</b></a>
            </li>
            <li><a href="#"><b>TISKOVINY</b></a>
            </li>
            <li><a href="#"><b>SLUŽBY</b></a>
            </li>
            <li><a href="#"><b>KONTAKTY</b></a>
            </li>
        </ul>
    </nav>
</div>

CSS：

nav ul ul {
    display: none;
}
nav ul li:hover > ul {
    display: block;
}
nav ul {
    background: rgb(1, 1, 1);
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.15);
    padding: 0 20px;
    border-radius: 0px;
    list-style: none;
    position: relative;
    display: inline-table;
    font-family: Times New Roman;
    font-size: 70%;
}
nav ul:after {
    content:"";
    clear: both;
    display: block;
}
nav ul li {
    float: left;
}
nav ul li {
    float: left;
    font-family: Arial;
    font-size: 1;
}
nav ul li a:hover, nav ul li a.active, nav ul li a.visited {
    background: rgb(177, 2, 10);
}
nav ul li:hover a {
    color: rgb(255, 255, 255);
}
nav ul li a {
    display: block;
    padding: 5px 45px;
    color: rgb(255, 255, 255);
    text-decoration: none;
    position: relative;
}
#menu {
    position: relative;
    width: 780px;
    height: 35px;
    left: 50%;
    margin-left: -388px;
    overflow: hidden;
    top: -20px;
}

Answer 1

做這個：

#lol a:hover, #lol a.active, #lol a.visited { 
    background: rgb(177,2,10);
}

#current, #lol a:hover, #lol a.active, #lol a.visited { 
    background: rgb(177,2,10);
}

然后，無論您在哪個頁面上，都將current ID放在鏈接到該頁面的錨元素上。

因此，如果您在此頁面上：

<li><a href="kontaktys.html"><b>TVORBA W</b></a>

你希望它成為

<li><a  href="kontaktys.html" id="current"><b>TVORBA W</b></a>

Answer 2

a:link {
    color: #FF0000;
}

要么

a:link { }