2017-03-01 3 views
0

In meinem CSS gibt es die folgenden, bei denen die aktive Verbindung eine Funktion der Textfarbe ist:für spezifische Seite (n)

} 
a:active { 
    opacity: 0.7; 
} 
.page a.active { 
    opacity: .4; 
} 

Ich versuche, überschreiben diese so bestimmte Links (aber nicht alle) sind schwarz. Ich habe versucht, eine spezielle Klasse, wie folgt zu erstellen:

.blackactivelink { 
    color: #000; 
} 

Aber das scheint nicht zu funktionieren.

+0

'.page a.blackactivelink: active {color: # 000; Opazität: 1; } '? – BenM

+0

Danke, das scheint die richtige Methode zu sein. Leider blinkt die Verbindung nur schwarz, wenn ich darauf klicke, sie bleibt nicht schwarz. Irgendwelche Gedanken? – David

+0

Das Problem war der Doppelpunkt. Sollte sein: .page a.blackactivelink.active – David

Antwort

0

I hpe dieses Beispiel hilft! Ziemlich genau habe ich den Link-Tags zwei verschiedene Klassen gegeben und sie dann auf dem CSS entsprechend formatiert. =}

.linkActive{ 
 
text-decoration:none; 
 
color:blue; 
 
} 
 

 
.linkActive:active{ 
 
    color:yellow; 
 
} 
 

 
.linkActiveBlack:active{ 
 
    color:black; 
 
}
<a href=# class="linkActive linkActiveBlack">Meow Meow</a> 
 
<br> 
 
<a href=# class="linkActive ">Meow Meow</a> 
 
<br> 
 
<a href=# class="linkActive linkActiveBlack">Meow Meow</a> 
 
<br> 
 
<a href=# class="linkActive ">Meow Meow</a> 
 
<br> 
 
<a href=# class="linkActive linkActiveBlack">Meow Meow</a> 
 
<br> 
 
<a href=# class="linkActive ">Meow Meow</a> 
 
<br> 
 
<a href=# class="linkActive linkActiveBlack">Meow Meow</a> 
 
<br>

Verwandte Themen