title: Several different mouseover font color changes in CSS/HTML
body: <p>Wait! This isn't just another "how do you change the font color when the mouse hovers over an image/text/etc.?"</p>
  
  <p>I think I can do this as a hack (by inlining the style for each piece of text), <strong>but I've heard that style should be separate from content</strong>. I'm fighting my hacky programmer routes and trying to become more disciplined. So I'm here to ask for the <em>best</em> way to do this.</p>
  
  <p>I have a simple menu of links on a website I've made, and I'd like them to be black font (when the mouse isn't hovering over) and then change to a color when the mouse hovers. But I'd like <strong>each to turn a different color when the mouse hovers over it</strong>. </p>
  
  <p>Should I name a style for each of these colors and then declare a <code>div</code> when each is used? That seems almost the same as inlining the style.</p>
  
  <p>I'd really appreciate your sage advice on how to <em>do this the right way!</em></p>