Link-Farbe individuell

gossipgirlz

Mit welchem Befehl kann ich denn für ein bestimmtes Element eine eigens definierte Link-Farbe bestimmen?

Konkret in der style.css habe ich für Headlines definiert:

Code

h1 span { 
            display:block;
            font-size: 13px;
        }


        
        h2 {
            color: #666666;
            font-size: 13px;
            font-family: Arial, Helvetica, sans-serif;
            background-color: #FFFFFF;
            border-bottom: 1px solid;
        }
        
        a {
            color:#c71585;
            text-decoration: none;
        }

Alles anzeigen

Ich möchte nun für den "h1 span"-Teil zusätzlich eine eigene Link-Farbe definieren. (Also eine eigene Textfarbe, aber da die Überschrift verlinkt ist, ist es eine Link-Farbe.)

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

maxe

häng das a eben dran:

Code

h1 span a {
color: yellow;
}

gossipgirlz

ah, alles klar, danke.

gossipgirlz

Nein, zu früh gefreut, klappt nicht. (Für die im <span> geschriebene Dachzeile wollte ich eine andere Farbe als die Headline.)

Im style.css steht jetzt:

Code

h1 {
            font-family: Arial, Helvetica, sans-serif;
            font-size: 25px;
            font-weight: strong;
            color: #274722;
            margin-bottom: 5px;
            background-color: #FFFFFF;
            line-height:1.0em;


        }
        
        h1 span { 
            display:block;
            font-size: 13px;
        }


        h1 span a {
            color:#ffb6c1;
        }


        
        h2 {
            color: #666666;
            font-size: 13px;
            font-family: Arial, Helvetica, sans-serif;
            background-color: #FFFFFF;
            border-bottom: 1px solid;
        }
        
        a {
            color:#c71585;
            text-decoration: none;
        }


        a:hover {
            color:#c71585;
            background-color: #F5F5F5;
        }

Alles anzeigen

maxe

ahh, so rum willst du es haben ... mit Link sieht man eben doch mehr!

Du musst die genaue Reihenfolge beachten. Du hast erst eine h1, dann den a tag und dann erst den span. Demnach müsste es dann so gehen:

Code

h1 a span {color:#ffb6c1;}

gossipgirlz

Juhu, funktioniert :)
Danke!

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Link-Farbe individuell

Jetzt mitmachen!