Błąd przy stylizacji linku?

Question

Witam serdecznie forumowiczów. Mam mały problem.

Otóż stylizowałem hiperłącza dla mojej witryny (zadanie domowe)

 

Udało mi się wystylizować hiperłącza w menu bocznym, by nie były niebieskie i nie miały podkreśleń. Jednak hiperłącze "Strona Główna" nie jest biała, a nagłówek strony nie jest domyślnie jasno-niebieski, tylko oba elementy są fioletowe, jakby były odwiedzone. Coś zrobiłem nie tak? W razie czegoś zamieszczam kod HTML i CSS mojej strony z fragmentami, gdzie dałem linki a href i gdzie ten link wystylizowałem w CSS-ie.

HTML:

<div id="logo">
				<a href="index.html" class="link"><h1>Samouczek języka MySQL</h1></a>
			</div>
			
			<div id="navigation">
				<a href="index.html" class="link"><b>Strona główna</b></a> <br/><br/><br/>
					<a href="1.html" class="link">Czym jest język SQL?</a><br/><br/>
					<a href="2.html" class="link">Instalacja MySQL wraz z pakietem XAMPP</a> <br/><br/>
					<a href="3.html" class="link">phpMyAdmin - krótki przegląd</a> <br/><br/>
					<a href="4.html" class="link">Łączenie się z bazą MySQL za pomocą wiersza poleceń</a> <br/><br/>
					<a href="5.html" class="link">Komendy - tworzenie bazy</a> <br/><br/>
					<a href="6.html" class="link">Komendy - tworzenie tabeli w bazie</a> <br/><br/>
					<a href="7.html" class="link">Komendy - dodawanie rekordów</a> <br/><br/>
					<a href="8.html" class="link">Komendy - modyfikacja rekordów</a> <br/><br/>
					<a href="9.html" class="link">Komendy - usuwanie tabeli</a> <br/><br/>
					<a href="10.html" class="link">Komendy - usuwanie bazy</a> <br/><br/>	
			</div>

 oraz CSS:

a:link
{
	color: #ffffff;
	text-decoration: none;
}


a:link:hover
{
	background-color: red;
	cursor: pointer;

}

Pozdrawiam

Answer 1

Skoro stworzyłeś klasę link, to powinno działać bez a:, tzn.:

.link{
color:#ffffff;
text-decoration:none;
}

 

Comments

Dzięki. Działa. Można zamknąć temat.

Pozdrawiam

Answer 2

Jeśli link utworzyłeś jako klasę, powinieneś to zapisać w ten sposób:

a.link
{
    color: #ffffff;
    text-decoration: none;
}
 
 
a.ink:hover
{
    background-color: red;
    cursor: pointer;
 
}

Inaczej Ci nie zadziała.