Styling Alle Anker-Tags Within A <td> Element

Question

Ich habe bereits ein CSS-Abschnitt:

.leftMemberCol 
{ 
width:125px; 
vertical-align:top; 
padding: 13px; 
border-width:0px; 
border-collapse:separate; 
border-spacing: 10px 10px; 
text-align:left; 
background-color:#f2f3ea; 
} 

für einen td Abschnitt (eine linke Seitenleiste). Ich möchte, dass alle Links innerhalb dieser Zelle die Farbe Grün haben.

gibt es eine Syntax wie:

.leftMemberCol.a 
{ 
color:#E3E3CA; 
} 

oder andere Vorschläge anstatt auf jeder Seite zu gehen und alle Links um einen anderen Klassennamen wickeln.

Answer 1

Wenn die Farbe nicht funktioniert, überprüfen Sie, ob Sie es früher in Ihrem CSS-Datei für jede der Pseudo-Selektoren der ein Tag, also ein Satz: Link usw.

sie

mit

außer Kraft setzen

.leftMemberCol a:link, 
.leftMemberCol a:hover, 
.leftMemberCol a:visited, 
.leftMemberCol a:active 
{ 
    color: #E3E3CA; 
} 

Answer 2

Just do:

.leftMemberCol a 
{ 
    color:#E3E3CA; 
} 

, dass alle Anker-Tags innerhalb des Elements mit der Klasse von .leftMemberCol mit einem Raum

Answer 3

ersetzen Sie den letzten Punkt verschachtelt wählt

.leftMemberCol a { 
    style goes here 
} 

Der Punkt zeigt eine Klasse. Ein Hash zeigt eine ID (

<div id="home"> 

mit

#home { } 

gestylt werden). Ein normales html-Element, wie ein td oder a, benötigt kein Präfix.

Answer 4

.leftMemberCol a 
{ 
    color:#E3E3CA; 
} 

Diese richtet sich an alle <a> Elemente, die Abkömmlinge von .leftMemberCol

Answer 5

.leftMemberCol>a 
{ 
color:#E3E3CA; 
} 

Answer 6

Sie ganz in der Nähe sind. Dies ist, wie Sie auf die Links in der Zelle wählen:

.leftMemberCol a 
{ 
    color: #E3E3CA; 
} 

Sie können mehr über Selektoren here lesen.

Bearbeiten:
Wenn der Stil nicht wirksam wird, ist es wahrscheinlich, weil Sie einen anderen Stil für die Links definiert haben, die spezifischer ist. Sie können den Stil spezifischere durch Zugabe von Bezeich machen, zum Beispiel:

.leftMemberCol a 
{ 
    color: #E3E3CA !important; 
} 

Answer 7

.leftMemberCol a 
{ 
color:#E3E3CA; 
} 

sollte es tun:

td.leftMemberCol a 
{ 
    color: #E3E3CA; 
} 

Als letztes Mittel auch die !important Richtlinie verwenden können.