Home/ Questions/Q 8532939
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-11T09:50:00+00:00

whenever i hover over the currently selected menu item its color changes i want

  • 0

whenever i hover over the currently selected menu item its color changes i want to prevent that. here my code.

<html>
    <head>
        <title> Another Page </title>
        <link rel="stylesheet" href="style4.css" type="text/css" />
    <head>

    <body>

        <div id="title">

            <ul>
                <li class="current"><a href="home.html">Home</a></li>
                <li><a href="content.html">Content</a></li>
                <li><a href="search.html">Search</a></li>
            </ul>

            <div id="clear">
            </div>

        </div>

        <div id="wrapper">

            <div id="header">


            </div>

        </div>

    </body>


</html>

and here’s the css

body
{
    padding: 0;
    margin: 0;
    background-color: rgb(24,205,20);
}

h1,h2,h3
{
    padding: 0;
    margin: 0;
}

p
{
    padding: 0;
    margin: 0;
}

.current
{
    background-color: black;

}


#title
{
    background-color: orange;   
}

#title ul
{

    list-style: none;
    padding: 0;
    margin: 0;
}

#title li
{
    float: left;
}

#title a
{
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    display: block;
    width: 120px;
    font-weight: bold;
    color: #ffffff;
    padding: 4px;
}

#title a:hover
{
    background-color: rgb(180,138,18);
}

#clear
{
    clear: both;
}

need some urgent suggestions on solving this issue.

Thank you.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Add this line to the end of your CSS file:

    #title .current a:hover {
        background-color: inherit;
}
    • 0