如何为“ a”标签创建特定的div？

Question

如何为a标签创建单独的div：

a:link,a:visited {  
     float:left;
     font-weight: bold; 
     color: #db233d; 
     background-color: white; 
     border: 2px #db233d solid; 
     border-radius: 10px;  
     width: 140px; 
     text-align: center; 
     padding: 4px; 
     margin-bottom: 0px; 
     text-decoration: none; 
} 

a:hover,a:active {  
     background-color:#db233d;  
     color: white; 
     border: #db233d solid;  
} 

我不希望在徽标部分上悬停效果。我该如何更改，以便只在购买，吃和播放部分

上看到

 <div class="logo"> 
   <a href="index.html"><img src="media/logo.gif" alt="logo THE WALL" style="width:225px; height=52px;"></a>
 </div> 
 <div class="koptekst">
    <h1> UTRECHT THEWALL </h1> 
 </div> 
 <div class="menu"> 
   <nav> 

   <ul> 
    <li><a href="BUY.html">BUY</a></li> 
    <li><a href="EAT.html">EAT</a></li> 
    <li><a href="PLAY.html">PLAY</a></li> 
   </ul> 
  </nav>    
 </div>