Цветове на линкове

[Gamerz]

Имам меню с хоувър как да направя така че всяко меню да има различен цвят на текста примерно
хоум бяло
тест- зелено...

 

[devent]

Ами задаваш им различни класове?

 

[Gamerz]

как да го направя може ли пример ето кода :

html

<center>  
      <script type="text/javascript" src="jquery.pack.js"></script>
  
      <script type="text/javascript" src="jquery.corner.js"></script>
   
      <script type="text/javascript">
   
        $(document).ready(function() {
   
          $("#nav ul li a").corner();
   
        });
   
      </script>


<div id="nav">

  <ul>

    <li><a href="index.php" class="selected">Начало</a></li>

    <li><a href="system-x360">Xbox 360</a></li>

    <li><a href="system-ps3">PS3</a></li>

    <li><a href="system-wii">Wii</a></li>

    <li><a href="system-pc">PC</a></li>

    <li><a href="system-ds">DS</a></li>

    <li><a href="system-psp">PSP</a></li>

    <li><a href="archive.html">Новини</a></li>

    <li><a href="video.html">Видео</a></li>

    <li><a href="media.html">Скрийншоти</a></li>

    <li><a href="http://bg.dtrailer.com/">Филми</a></li>

    <li><a href="under construction">За реклама</a></li>



  </ul>

</div>
</cener>

css

      #nav ul {

        margin: 0px;
   
        padding: 0px;
  
        list-style: none;
       
        align:left;
       

      }
   
       
   
      #nav ul li {
   
        background-color: #197eb0;
        height:7px;
   
      }
  
       
  
      #nav ul li,
  
      #nav ul li a {
  
        float: left;
  
        display: block;
  
      }
  
       
  
      #nav ul li a {
 
        margin: 0px;
 
        padding: 5px;
  
        font-size: 13px;

font-weight:bold;
  
        color: #fff;
  
        text-decoration: none;



      }

  
      #nav ul li a:hover,
   
      #nav ul li a.selected {
   
        background-color: #fff;
   
        color: #272727;
   
      }

 

[devent]

<div id="nav">

  <ul>

    <li><a href="index.php" class="selected">Начало</a></li>

    <li><a href="system-x360">Xbox 360</a></li>

    <li><a href="system-ps3" class="class1">PS3</a></li>

    <li><a href="system-wii">Wii</a></li>

    <li><a href="system-pc" class="class2">PC</a></li>

    <li><a href="system-ds" class="class3">DS</a></li>

    <li><a href="system-psp">PSP</a></li>

    <li><a href="archive.html">Новини</a></li>

    <li><a href="video.html">Видео</a></li>

    <li><a href="media.html">Скрийншоти</a></li>

    <li><a href="http://bg.dtrailer.com/">Филми</a></li>

    <li><a href="under construction">За реклама</a></li>



  </ul>

</div>

 #nav ul {

        margin: 0px;
   
        padding: 0px;
 
        list-style: none;
       
        align:left;
       

      }
   
       
   
      #nav ul li {
   
        background-color: #197eb0;
        height:7px;
   
      }
 
       
 
      #nav ul li,
 
      #nav ul li a {
 
        float: left;
 
        display: block;
 
      }
 
       
 
      #nav ul li a {
 
        margin: 0px;
 
        padding: 5px;
 
        font-size: 13px;

font-weight:bold;
 
        color: #fff;
 
        text-decoration: none;



      }

 
      #nav ul li a:hover,
   
      #nav ul li a.selected {
   
        background-color: #fff;
   
        color: #272727;
   
      }
	  #nav ul li a.class1 { color: #b90000; }
	  #nav ul li a.class2 { color:  black; }
	  #nav ul li a.class3 { color:  green; }

Разгледай кода и после следвай логиката