✔ CSS - Pseudoklassen kombinieren?

[Netzwerkidi]

Hallo,

ich habe ein Problem mit CSS.

Im aktuellen Fall ist a:link definiert und a:before.

Nun soll sich aber bei a:hover auch a:before ändern, aber das scheint ohne JS nicht zu klappen, korrekt?

a:link {color: red}
a:before {content: "red before"}
a:hover a:before {color:blue; content: "blue before"} /* scheint nicht zu gehen */

Beste Grüße

Idi

 

[hela]

Hallo,
probier es mal so:

a:hover:before {
  color: blue;
  content: "blue before"
}

 

[Netzwerkidi]

Hallo,

das Problem ist, dass er die Änderung - im Beispiel die Borderline - dann nur für den "before"-Part macht.

#d1 ul li a:before {
  border-bottom: none; 
  content: "\25BA \a0"; 
}
#d1 ul li a:hover:before {
  border-bottom: 5px solid #aaa; 
  content: "\25BC \a0";
}

 

[hela]

Dann machst du es eben so:

a:before {
  border-bottom: none;
  content: "\25BA \a0";
}
a:hover, a:hover:before {
  border-bottom: 5px solid #aaa;
  content: "\25BC \a0";
}

 

[Netzwerkidi]

Hey,
das war KLASSE!!
LG