Classe CSS des Liens

Je travaille sur un site où je veux faire des styles différents pour les différents ensembles de liens. J'ai lu des tutoriels et je n'ai toujours pas reçu mon code de travail. Voici donc le code. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<style type="text/css">
a.test: link {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #C00;
}
a.test: hover {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #6F0;
 }
a.test: active {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #90F;
}
a.test: visited {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #FF0;
}

</style>
</head>

<body>
Emily

<p>sdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjlsdkf
sdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjlsdkf
sdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjlsdkf
sdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjlsdkf
<p><span class="test"><a href="http://www.ehow.com/how_2080242_style-link-css.html">rose</a> 

  <a href="http://www.ehow.com/how_2080242_style-link-css.html" class="test"> daisy</a> 

  <a href="http://www.ehow.com/how_2080242_style-link-css.html" class="test">tulip</a> 

  <a href="http://www.ehow.com/how_2080242_style-link-css.html" class="test"> cactus</a>     </span>
<p>ldkfjsldkfjlsdkfsdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjs    ldkfjsldkfjlsdkfsdlkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsldkfjsld



</body>
</html>

De ce que j'ai lu, je comprends que j'ai besoin d'intégrer une classe dans le style de lien comme ceci: un.test:lien

Et à intégrer le style dans le lien que vous donner une classe comme ça,

cactus

Et je ne peux pas comprendre pourquoi cela ne fonctionne pas.

Merci pour votre aide!

  • Vous avez déjà donné la <a> une classe, l'utiliser directement, .test{ }
  • Où il est dit Cactus, je voulais point à l'un des liens, ( <a href="ehow.com/how_2080242_style-link-css.html" class="test">) cactus(</a>)
  • bassam où dois-je l'utiliser directement? Pourrais-je avoir un contexte, s'il vous plaît?
  • il suffit de retirer le a de a.test à faire .test depuis que vous avez donné à cette classe à un élément, vous n'avez pas à l'utiliser en CSS: Si vous aviez <div class="hello"></div> , puis l'atteindre en CSS à l'aide: .hello { color:red; }
InformationsquelleAutor Emily Magnuson | 2013-01-29
  1. 5

    Essayer d'omettre les espaces dans vos règles:

    a.test:link {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #C00;
}
a.test:hover {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #6F0;
 }
a.test:active {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #90F;
}
a.test:visited {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
    color: #FF0;
}

    Je n'ai pas s'attendre à ce que ce pseudo-classes permet un espace dans leur nom.

    Par la façon dont vous pouvez réduire votre CSS pour cela:

    a.test {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 1em;
}
a.test:link {
    color: #C00;
}
a.test:hover {
    color: #6F0;
 }
a.test:active {
    color: #90F;
}
a.test:visited {
    color: #FF0;
}
    InformationsquelleAutor rekire