Enlever couleur lien HTML/CSS

Fermé
lupiac97 Messages postés 2 Date d'inscription samedi 31 janvier 2015 Statut Membre Dernière intervention 3 février 2015 - 31 janv. 2015 à 17:59
lupiac97 Messages postés 2 Date d'inscription samedi 31 janvier 2015 Statut Membre Dernière intervention 3 février 2015 - 3 févr. 2015 à 12:13
bonjour,je n'arrive pas a enlever la couleur violet d'un des mes liens qui est dans mon menu déroulant:

HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Station météo projet</title>
<link rel=stylesheet type="text/css" href="style.css">
<style type="text/css">a:link{text-decoration:none}</style>
</head>
<body>
<header>
<h1>PROJET ARCADIA</h1>

<nav>
<ul>
<li class="bouton">
<a href="file:///E:/site%20projot/Acceuil.html">Accueil</a>
</li>
<li class="bouton">
<a href="file:///E:/site%20projot/Archive.html">Archive</a>
</li>
<li>
type graphique
<ul>
<li>
<a href="file:///E:/site%20projot/graphique1.html">graphique1</a>
</li>
<li>
<a href="file:///E:/site%20projot/graphique2.html">graphique2</a>
</li> <li>
<a href="file:///E:/site%20projot/graphique3.html">graphique3</a>
</li>
</ul>
</li>
</ul>
</nav>
</header>
<section>
il y aura 2 article différents pour regarder les derniers résultat des 2 capteurs
</section>
<footer>
pour le remerciement de regarder le site et nos noms, et divers...
</footer>
</body>
</html>





puis CSS:
/*---------------MARGIN/PADDING 0 PARTOUT-----------------*/
*{
margin : 0px;
padding : 0px;
}

/*-------------POLICE POUR LE TITRE----------------*/
@font-face {
font-family: 'futuriste';
src: url('Police/futuriste.TTF') format('truetype');
font-weight: normal;
font-style: normal;
}


body{
font-family:arial;
background-color:#EAEAEA;
margin:auto;
width:80%;
border-radius: 10px;
box-shadow:0px 0px 3px 3px #d7d7d7;
}

header{
position: relative;
background-image:url('Image/astronaute.jpeg');
background-size : 1920px;
background-position:top;
height:200px;
padding:3%;

}

header.archive{
position: relative;
background-image:url('Image/image.jpg');
background-size : 1920px;
background-position:center;
height:200px;
padding:3%;

}
header h1{
border-bottom: 1px #EAEAEA solid ;
font-family:futuriste;
color:#EAEAEA;
}

header nav{
position:absolute;
right: 50px;
top: 30px;
}


section{
position:relative;
height:562px;
background-color:#f1f1f1;
}

footer{
position:relative;
background-color:#bbc3cc;
height:70px;

}
/*-------------MENU DEROULANT----------------*/
ul {
text-align: left;
display: inline;
padding: 15px 4px 17px 0;
list-style: none;
}
ul li {
display: inline-block;
margin-right: -4px;
position: relative;
padding: 15px 20px;
cursor: pointer;
color:white;
}
ul li ul {
padding: 0;
position: absolute;
top: 48px;
left: 0;
width: 150px;
display: none;
visibility: hidden;
}
ul li ul li {
display: block;

}
ul li ul li:hover {
text-decoration:none;
color:#457DBB;
transition: ease 0.2s color;
}
ul li:hover ul {
display: block;
opacity: 1;
visibility: visible;
text-decoration:none;
}

.bouton a {
position: relative;
display:block;
line-height:50px;
vertical-align:middle;
color:#eaeaea;
text-decoration:none;
transition: ease 0.2s color;
}

.bouton a:hover {
text-decoration:none;
color:#457DBB;
transition: ease 0.2s color;
}
Si vous trouvez la solution je vous remercie d'avance,je debute!
A voir également:

2 réponses

codeurh24 Messages postés 760 Date d'inscription samedi 29 mars 2014 Statut Membre Dernière intervention 8 septembre 2018 121
31 janv. 2015 à 18:04
bonjour,

/* unvisited link */
nav a:link {
color: #FF0000;
}

/* visited link */
nav a:visited {
color: #00FF00;
}

/* mouse over link */
nav a:hover {
color: #FF00FF;
}

/* selected link */
nav a:active {
color: #0000FF;
}



source: https://www.w3schools.com/css/css_pseudo_classes.asp
1