Idée CSS ?

Résolu
Bonjour,

Connaissez-vous un moyen, via CSS, permettant d'actionner sur une même page web, d'afficher différemment des liens.

Par exemple :

CSS1 : a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #C2AF77;
text-decoration: underline overline;

CSS2 : a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #C000000;
text-decoration: underline overline;

Merci d'avance...
Configuration: Windows XP
Internet Explorer 7.0

3 réponses

  1. Voilà... j'ai trouvé :

    a.titre:link{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #202020;
    font-weight: bold;
    text-decoration: none;
    }

    idem pour la suite... Ensuite attacher la feuille de style aux balises concernées.

    Merci de m'avoir répondu rapidement
    0
    1. Bonjour,

      Merci de ton aide car je suis débutant... En deux mots, je réalise un site sur dreamweaver et j'ai notamment une feuille de style (link.css) qui contient :

      a:link {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      color: #FFFFFF;
      font-weight: bold;
      text-decoration: none;
      }
      a:visited {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: bold;
      color: #FFFFFF;
      text-decoration: none;
      }
      a:hover {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: bold;
      color: #C2AF77;
      text-decoration: underline overline;
      }
      a:active {
      font-family: Verdana, Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: bold;
      color: #FFFFFF;
      text-decoration: none;
      }

      Et, j'aimerai utiliser simultanément sur la même page une autre option d'affichage pour d'autres liens.

      Je comprends ton idée, mais comment dois-je l'exploiter ? Codes à inscrire sur la même feuille de style, sur une autre avec un nouvel attachement ?

      Merci d'avance de tes lumières.
      @+

      NB : Au niveau du code, ta deuxième version semble plus reconnue, du moment ou un espace est présent entre hover et #style, soit :

      a:hover #style2{
      ....
      }
      0
      1. a#style1:hover{
        ....
        }

        a#style2:hover{
        ....
        }

        ou peut-etre

        a:hover#style2{
        ....
        }

        je sais plus très bien...
        0