Kann ich in CSS bei geraden Verknüpfungen verschiedene farbige linke und obere Ränder haben?

Ich hätte gerne einen Rand, der links 4 Pixel dick und an anderer Stelle 1 Pixel grau ist:

border: 1px solid #E5E5E5;
border-left: 4px solid #F24495;

Das Problem ist, dass die Verbindung diagonal ist, sodass ich eine schreckliche Überlagerung erhalte. Ich habe es versucht:

.item:before{ 
  border-left: 4px solid #F24495;
}

Aber kein glück

jsFiddle BeispieljsFiddle-Beispiel für die Hervorhebung einer diagonalen VerbindungBildschirmfoto

Antworten auf die Frage(4)

Ihre Antwort auf die Frage