WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik


Homepage und Webhosting-Forum

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !


Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » [gelöst] css pseudoklassen » Antworten
Benutzername:
Passwort: Passwort vergessen?
Inhalt der Nachricht: Fett | Kursiv | Unterstrichen | Link | Bild | Smiley | Zitat | Zentriert | Quellcode| Kleiner Text
Optionen: Emailbenachrichtigung bei Antworten
 

[gelöst] css pseudoklassen
von keeper
ja klar ....
war doch zu spät


1: 
2: 
3: 
4:
<a href="index.php">testlink-1</a>
<a href="index.php" class="test">>testlink-2</a>


danke keeper
von HoRnominatoR
es gibt keinen link mit der klasse 'test' den du ueber a.test ansprechen koenntest.
von keeper
hi

ich hab eine frage zu css bzw. zu pseudoklassen.
ich brauche für unsere seite 2 verschiedene linkfarben.
ich hab mich ein bissle kundig gemacht und schnell die pseudoklassen
gefunden womit man so was realisieren kann.

problem ist aber das es bei mir nicht funktioniert.
eigentlich sollten die beiden test-links unterscheidliche farben haben...
aber es funktioniert nicht.
woran kann das liegen?

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13:
// CSS-Datei

a:link   { color:#339999; text-decoration:none ; font-weight:bold; }
a:hover { color:#003333; text-decoration:none; font-weight:bold; }
a:active { color:#006666; text-decoration:none; font-weight:bold; }
a:visited { color:#006666; text-decoration:none; font-weight:bold; }

a.test:link { color:#FF00FF; text-decoration:none ; font-weight:bold; }
a.test:hover { color:#333333; text-decoration:none; font-weight:bold; }
a.test:active { color:#006666; text-decoration:none; font-weight:bold; }
a.test:visited { color:#006666; text-decoration:none; font-weight:bold; }


1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10:
// HTML-Datei

<a href="index.php">testlink-1</a>

<div class="test">
<a href="index.php">testlink-2</a>
</div>




danke keeper

Nach oben