mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Mi 24.04.2024 10:46 Benutzername: Passwort: Auto-Login

Thema: CSS: links in klassen definieren -pseudoklassen in klassen? vom 22.09.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> CSS: links in klassen definieren -pseudoklassen in klassen?
Autor Nachricht
sk333
Threadersteller

Dabei seit: 22.04.2005
Ort: Essen
Alter: 39
Geschlecht: Männlich
Verfasst Di 22.09.2009 20:39
Titel

CSS: links in klassen definieren -pseudoklassen in klassen?

 Antworten mit Zitat Zum Seitenanfang
Hallo Allerseits!

ich sitze hier jetzt seit Tagen an dem selben blöden Problem:

ich gestalte grade eine Seite in Wordpress, hierbei ist es so, das Wordpress automatisch eine Navigation erstellt (es ist eine Liste) und die Seite auf der man gerade ist, mit der Klasse "current_page_item" definiert. Mein Problem ist nun, das die links in der liste alle eine bestimmt Farbe haben sollen, und der eine Link in der "current_page_item"-Klasse eine andere und irgendwie kriege ich das nicht ans laufen *Schnief*

das HTML-Konstrukt das Wordpress hierbei vorgibt sieht in etwa so aus:

Code:
<div id="navigation">
      <ul>
      <li class="page_item"><a href="#">Punkt 1</a></li>
      <li class="current_page_item"><a href="#">Punkt 2</a></li>
      <li class="page_item"><a href="#">Punkt 3</a></li>
      </ul></div>


Wie ich mit CSS jetzt die Linkfarbe und das Aussehen anspreche weiß ich ja noch, aber innerhalb einer Klasse?
a:hover.current_page_item etc. funktioniert schonmal nicht * Nee, nee, nee *
  View user's profile Private Nachricht senden
sahnemuh

Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 42
Geschlecht: Männlich
Verfasst Di 22.09.2009 20:42
Titel

Antworten mit Zitat Zum Seitenanfang
Code:
#navigation a {
 color: #d00; /* alle links in #navigation */
}
#navigation a.hover {
 color: #000; /* alle links in #navigation beim überfahren mit der mouse */
}
#navigation a.current_page_item {
 color: #0d0; /* alle links in #navigation mit der klasse current_page_item */
}
#navigation a.current_page_item:hover {
 color: #fff; /* alle links in #navigation mit der klasse current_page_item beim überfahren mit der mouse */
}


Zuletzt bearbeitet von sahnemuh am Di 22.09.2009 20:43, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anzeige
Anzeige
m
Moderator

Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 22.09.2009 21:26
Titel

Antworten mit Zitat Zum Seitenanfang
sahnemuh hat geschrieben:
Code:
#navigation a {
 color: #d00; /* alle links in #navigation */
}
#navigation a:hover {
 color: #000; /* alle links in #navigation beim überfahren mit der mouse */
}
#navigation a.current_page_item {
 color: #0d0; /* alle links in #navigation mit der klasse current_page_item */
}
#navigation a.current_page_item:hover {
 color: #fff; /* alle links in #navigation mit der klasse current_page_item beim überfahren mit der mouse */
}


anstatt einem punkt einen doppelpunkt für die hover pseudoklasse in zeile vier.
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen CSS: Mehrere h3 Klassen richtig definieren
AS 3 und Klassen
Klassen in PHP
[PHP] Klassen für Bildmanipulation
CSS Frage zu ID und Klassen
PHP: CSS Klassen zuweisen
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB