Buchstabenfarbe durch hover ändern lassen

[cssdiver]

@@Don P:

nuqneH

Also musst Du jeden Buchstaben in ein Element packen. <span> bietet sich hier an.
Gedankenübertragung?

Ist dabei was verloren gegangen? ;-)

Ich möchte hinzufügen, dass man diese Aufgabe sinnvollerweise einem serverseitigen (PHP) oder clientseitigen Script (JavaScript) überlässt.

Man möchte das Geraffel ja nicht händisch machen, wenn man später den Text ändert oder das an mehreren Stellen einsetzen will.

Qapla'

Kann man alles machen, hier meine Lösung:
Im CSS Dokument:
       .farbe(..)wieder weg machen <- von meinem ersten Lösungsversuch noch.
und stattdessen:

h1 span:hover{  
        margin:0px;  
        padding:0px;  
        font-family:Arial, Helvetica, sans-serif;  
        font-weight:bold;  
        font-size:30px;  
        color:#ff0000;  
}

bei der Überschrift hinzufügen.
So siehsts dann im CSS_Dokument aus:

h1     {  
        margin:0px;  
        padding:0px;  
        font-family:Arial, Helvetica, sans-serif;  
        font-weight:bold;  
        font-size:30px;  
        color:#ff5700;  
}

h1 span:hover{  
        margin:0px;  
        padding:0px;  
        font-family:Arial, Helvetica, sans-serif;  
        font-weight:bold;  
        font-size:30px;  
        color:#ff0000;  
}
~~~das ein oder andere kann man noch entfernen aber im Moment gehts.