View original (French)

Remove link color HTML/CSS

lupiac97 Posted messages 2 Status Membre -  
lupiac97 Posted messages 2 Status Membre -
```html Hello, I can't remove the purple color from one of my links in my dropdown menu:

HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Weather station project</title>
<link rel=stylesheet type="text/css" href="style.css">
<style type="text/css">a:link{text-decoration:none}</style>
</head>
<body>
<header>
<h1>PROJECT ARCADIA</h1>

<nav>
<ul>
<li class="bouton">
<a href="file:///E:/site%20projot/Home.html">Home</a>
</li>
<li class="bouton">
<a href="file:///E:/site%20projot/Archive.html">Archive</a>
</li>
<li>
graphic type
<ul>
<li>
<a href="file:///E:/site%20projot/graph1.html">graph1</a>
</li>
<li>
<a href="file:///E:/site%20projot/graph2.html">graph2</a>
</li> <li>
<a href="file:///E:/site%20projot/graph3.html">graph3</a>
</li>
</ul>
</li>
</ul>
</nav>
</header>
<section>
there will be 2 different articles to view the latest results from the 2 sensors
</section>
<footer>
for the thank you for viewing the site and our names, and various...
</footer>
</body>
</html>

If you find the solution, I thank you in advance, I'm a beginner! ```

2 réponses

Réponse 1 / 2
codeurh24 Posted messages 760 Registration date   Status Membre Last intervention   123
 
Hello,

/* 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