Zamiana koloru linków

Question

Witam,

mam następujący problem. W CSS ustawiłem dla wszystkich linków parametry, aby nie były podkreślone i nie miały niebieskich kolorów. Kod poniżej. Standard.

a:link
{
    color: black;
    text-decoration: none;
}
 
a:visited
{
    color: black;
    text-decoration: none;
} 
 
a:hover
{
    color: black;
    text-decoration: none;
}

To powoduje, że wszystkie linki są czarne. Ale w innym miejscu chciałbym, aby link miał kolor biały. W tym celu utworzyłem nową klasę za pomocą znacznika span i odpowiednio ja opisałem w CSS. Poniżej wklejam  fragment kodu HTML i CSS.

<div id="footer">
			<div class="footer"> <span class="stopka"> <a href="http://www.onet.pl/" target="_blank" > Regulamin </a></span></div>
</div>

.footer
{
	float: left;
	color: white;
	border-right: 1px dashed #ffffff;
	width: 203px;
	text-align: center;
	padding: 10px 0px;
}

.stopka:link a
{
	color: white;
}

.stopka:visited a
{
	color: white;
}

.stopka:hover a
{
	color: white;
	text-decoration: underline;
}

Mimo wszystko tekst jest cały czas czarny. Działa tylko sam hover. Wówczas tekst jest biały i podkreślony. Dodam, że przy opisaniu tego fragmentu w CSS próbowałem też bez a po visited i link, ale ponieważ odnosi się to do linków, wydaje mi się ten zapis słuszny... Przeglądarka uważa jednak inaczej :) 

Jak ustawić, aby tekst (link) tylko w tym miejscu był biały?

Pozdrawiam

 

Answer 1

Nie potrzebujesz zamykać linku w tagach div, span, p, czy Bóg wie w czym jeszcze, tylko po to żeby zmienić kolor jednego linku.
Sam link też można ostylizować... wystarczy więc:
 

<a class="bialy" href="http://www.onet.pl/" target="_blank" > Regulamin </a>

.bialy { color: white; }

 

Answer 2

.stopka a:link
{
    color: white;
}
 
.stopka a:visited
{
    color: white;
}
 
.stopka a:hover
{
    color: white;
    text-decoration: underline;
}
/* po refaktoryzacji */

.stopka a:link,
.stopka a:visited,
.stopka a:hover
{
    color: white;
    text-decoration: underline;
}

Bo pseudoklasa powinna odwoływać się do "a", a nie do ".stopka"

Jeszcze z takich dobrych zasad: jak już używasz hexadecymalnych kolorów, to ich używaj wszędzie. Biały to #ffffff lub #fff

Nazwy klas(i nie tylko klas) lepiej brzmią w języku angielskim. Pomyśl, jak byś musiał czytać kod napisany po japońsku :P