Link to home
Start Free TrialLog in
Avatar of BR
BRFlag for Türkiye

asked on

css hover color for a certain link

Dear Experts,
I want to have a certain link with white color. But I have a website wide css

I have a css for my links like below..
a:link {text-decoration:none;}    /* unvisited link */
a:visited {text-decoration:none;} /* visited link */
a:hover {text-decoration:underline;}   /* mouse over link */
a:active {text-decoration:underline;}  /* selected link */

I want to have bardak css has a link with white color, the hover state must be white too..
how can I give css to a certain link while I have a web sitewide css a and hover state.. thank you

.bardak
{
      margin-top:0px;
      width:188px;
      height:30px;
      border:1px solid #ccc;
      border-top-left-radius:10px;
      border-top-right-radius:0px;
      border-bottom-right-radius:0px;
      border-bottom-left-radius:0px;
      font-size: 24px;
      font-family: Calibri;
      font-weight: bold;
      text-align: center;
      background-color:#F79920;
      
      }
      
a.bardak hover {
  color: fff ;
  }
ASKER CERTIFIED SOLUTION
Avatar of Ray Paseur
Ray Paseur
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of Scott Fell
Just place the style content you have now below any css files you have.
Avatar of BR

ASKER

thank you very much
Glad to help.  Thanks for the points, ~Ray