a {	/* styl pro všechny odkazy */
	color: Maroon;
	text-decoration: none;
	font-weight: bold;
}
nav a { /* odkazy v navigačním bloku nav */
	color: #870000;
	font-style: italic;
	text-decoration: none;
}
article a { /* odkazy v hlavním bloku article */
	color: #660000;
	text-decoration: underline;
}
p a {	/* odkazy v odstavci */
	text-decoration: underline;
}
#top a { /* odkazy v bloku s id top */
	color: #241917;
}

V css souboru zapíšeme např.:

.aktualni { /* styl pro aktivní odkaz - odkaz na stránku, v níž právě jsme */
   color: #CC0000;
   font-weight: bold;
}

V souboru index.html přiřadíme tuto třídu stylu prvnímu odkazu:

<nav>
  <a href="index.htm" class="aktualni">Úvod</a>
  <a href="pyramidy.htm">Pyramidy</a>
  <a href="zahrady.htm">Visuté zahrady</a>
</nav>

V souboru pyramidy.html přiřadíme tuto třídu stylu druhému odkazu, atd.:

<nav>
  <a href="index.htm">Úvod</a>
  <a href="pyramidy.htm" class="aktualni">Pyramidy</a>
  <a href="zahrady.htm">Visuté zahrady</a>
</nav>

Ukázku najdete v předchozí kapitole Odkazy - HTML - Ukázka odkazů v menu

nav a:hover {  /* chování odkazu v bloku nav při najetí myši */
	color: orange;
}
article a:hover { /* chování odkazu v article při najetí myši */
	color: red;
	text-decoration: none;
}