Hilfe bei css

Phildog

Ich habe hier zwei Codeschnippsel:

Code

/* Some subtle hover effects */
.gigpress-row:hover, .gigpress-info:hover {
    background: #FCFCFC;
    color: #000;
}

Code

/* In case you want to style the Googlefied address link */
a.gigpress-address {
       color: #333;
       text-decoration: none;
}

Der Obere beschreibt ja das Verhalten bei einem Mouseover-Effekt ( Hintergrund wird weiß ), der Untere beschreibt die Textdekoration und -farbe von Links.
Wie kann ich nun aber beides miteinander verbinden? Ich würde gern die Farbe des Links ändern lassen sobald die Maus über die Fläche fährt bei der sich dann auch der Hintergrund ändert.
Dürfte ja eigentlich nicht so schwer sein. :???:

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

marX

Zitat von Phildog

Dürfte ja eigentlich nicht so schwer sein. :???:

Nö, ists auch nicht. ;-)

Möglichkeit 1:

Code

a.gigpress-address:hover {
color: #ff0;
}

Möglichkeit 2:

Code

.gigpress-row a:hover , .gigpress-info a:hover {
color:#ff0;
}

Phildog

Aaaah, ich bin einen kleinen Schritt weiter. [Blockierte Grafik: http://www.html.de/images/smilies/icon_smile.gif]
Mit diesem Code gebe ich ja an, dass sich die Schrift in Zeile 1 in der Farbe ändern soll wenn man mit der Maus drübergeht. Soweit klar!

/* Some subtle hover effects */
.gigpress-row:hover, .gigpress-info:hover {
background: #FCFCFC;
color: #333;
text-decoration: none;
}

Hier definiere ich die Textfarbe eines Links...

.gigpress-row a: {
color:#333;
text-decoration: none;
}

Gibt es einen Befehl direkt für Linkfarbe den ich in den ersten Code mit einbauen könnte?
Quasi so etwas wie "link-color: #333" ???
Das es hinterher vielleicht so aussieht?

/* Some subtle hover effects */
.gigpress-row:hover, .gigpress-info:hover {
background: #FCFCFC;
color: #333;
text-decoration: none;
a:link {color: #333};
}

Frage nur... kann man das irgendwie mit a:link {color: #333}; in der Zuweisung für .gigpress-row:hover und .gigpress-info:hover realisieren?

marX

Zitat von Phildog

Gibt es einen Befehl direkt für Linkfarbe den ich in den ersten Code mit einbauen könnte?

Code

.gigpress-row:hover [COLOR="#ff0000"]a:link[/COLOR], .gigpress-info:hover [COLOR="Red"]a:link[/COLOR] {
    color: #333;
        text-decoration: none;
}

Und das ganze dann analog für besuchte Links (a:visited). Kannst du ebenfalls in den Selektor mit aufnehmen:

Code

.gigpress-row:hover [COLOR="#ff0000"]a:link[/COLOR], .gigpress-info:hover [COLOR="Red"]a:link[/COLOR], .gigpress-row:hover [COLOR="#ff0000"]a:visited[/COLOR], .gigpress-info:hover [COLOR="Red"]a:visited[/COLOR] {
    color: #333;
        text-decoration: none;
}

Phildog

Wunderbar, so solls sein. :mrgreen:

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Hilfe bei css

Jetzt mitmachen!