За последние 24 часа нас посетили 17374 программиста и 1663 робота. Сейчас ищут 1616 программистов ...

CSS a:hover

Тема в разделе "HTML и CSS", создана пользователем xak2, 25 дек 2006.

  1. xak2

    xak2 Guest

    У меня стоит такой стиль ссылок на сайте:
    a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #467B99;
    text-decoration: none;
    }
    a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #FF8400;
    text-decoration: none;
    }
    Но я хочу чтоб у меня был еще один стиль:
    a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    text-decoration: none;
    }
    a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #999999;
    text-decoration: none;
    }
    И хочу чтоб при <font class="navig_1"></font> Он использовал 2ой тип ссылок но незнаю как сделать класс навиг_1 чтобы в нем было и ховер. Если в классе навиг_1 вписать просто color: #000000 то ссылка будет в любом режиме черная а мне надо чтоб при на воде она еще и менялась как в обычьном стиле.
     
  2. DarkElf

    DarkElf Активный пользователь

    С нами с:
    22 окт 2006
    Сообщения:
    1.632
    Симпатии:
    0
    попробуй ссылкам класс прописывать
     
  3. Ti

    Ti Активный пользователь

    С нами с:
    3 июл 2006
    Сообщения:
    2.378
    Симпатии:
    1
    Адрес:
    d1.ru, Екатеринбург
    1. понял ничего
    2. мб
    Код (Text):
    1. <style>
    2. a:hover .navig_1 { color: black }
    3. </style>
    4.  
    5. <a href="">link <font class="navig_1">black style</font> link</a>
     
  4. xak2

    xak2 Guest

    Ti при твоем способе ссылка всегда будет черной.
     
  5. simpson

    simpson Активный пользователь

    С нами с:
    11 фев 2006
    Сообщения:
    1.650
    Симпатии:
    0
    Адрес:
    Санкт-Петербург
    xak2, так ты переделай так, как тебе нужно. Ti правильно сказал.
    Код (Text):
    1. <style type="text/css">
    2. a { color: #ccc; }
    3. a:hover { color: #ba2137; }
    4. a .nav { color: #000; }
    5. a:hover .nav { color: #00f; }
    6. </style>
    7. <a href="">link 1</a><br />
    8. <a href="">link 2 <font class="nav">font</font></a><br />
     
  6. Anonymous

    Anonymous Guest

    Вы чего?
    Код (Text):
    1. a {
    2. }
    3. a:hover {
    4. }
    5. a.navig_1 {
    6. }
    7. a.navig_1:hover {
    8. }
     
  7. Ti

    Ti Активный пользователь

    С нами с:
    3 июл 2006
    Сообщения:
    2.378
    Симпатии:
    1
    Адрес:
    d1.ru, Екатеринбург
    эта для ссылки у которой прописан класс "navig_1", при наведении
     
  8. xak2

    xak2 Guest

    Ti
    Мне так и надо:
     
  9. simpson

    simpson Активный пользователь

    С нами с:
    11 фев 2006
    Сообщения:
    1.650
    Симпатии:
    0
    Адрес:
    Санкт-Петербург
    причем тут тогда вообще "<font class="navig_1"></font>" ?
     
  10. xak2

    xak2 Guest

    А все все ваши варианты работают спасибо вам!
     
  11. Anonymous

    Anonymous Guest

    а можно и без классов
    Код (Text):
    1. <html>
    2. <body>
    3. <style>
    4. body a              {color: #C06767;}
    5. body a:hover        {color: red;}
    6.  
    7. body font a         {color: #6B79C0;}
    8. body font a:hover   {color: blue;}
    9.  
    10. table.tbl tr td a         {color: #73C074;}
    11. table.tbl tr td a:hover   {color: green;}
    12.  
    13. table.tbl tr td p a         {color: #BFBFBF;}
    14. table.tbl tr td p a:hover   {color: black;}
    15. </style>
    16. <a href="#">ссылка1</a>
    17.  
    18. <font><a href="#">ссылка2</a></font>
    19.  
    20. <table width="100%" border="0" cellpadding="0" cellspacing="0" class="tbl">
    21.   <tr>
    22.     <td><a href="#">ссылка3</a></td>
    23.     <td><p><a href="#">ссылка4</a></p></td>
    24.   </tr>
    25. </table>
    26.  
    27. </body>
    28. </html>