| Autor |
Nachricht |
sk333
Threadersteller
Dabei seit: 22.04.2005
Ort: Essen
Alter: 27
Geschlecht: 
|
Verfasst Di 22.09.2009 20:39
Titel CSS: links in klassen definieren -pseudoklassen in klassen? |
  |
|
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 
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 
|
|
| |
  |
 |
| |
|
|
sahnemuh
Dabei seit: 19.06.2003
Ort: /dev/null
Alter: 30
Geschlecht:
|
Verfasst Di 22.09.2009 20:42
Titel
|
|
|
| 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
|
|
| |
|
|
m
Moderator
Dabei seit: 18.11.2004
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 22.09.2009 21:26
Titel
|
|
|
| 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.
|
|
| |
 |
|
| |
|
|
| Ähnliche Themen |
CSS Frage zu ID und Klassen
[CSS] 2 Klassen im Internet Explorer
css klassen in golive cs funktionieren nicht
CSS] das aktive Objekt und die Klassen
Unnötige Klassen in einer CSS-Datei entfernen
[jQuery] CSS Klassen zählen und ausgeben
|
|
Willkommen auf dem Portal für Mediengestalter
