Czy mogę mieć różne kolorowe lewe i górne obramowania w CSS z prostym złączeniem?

Chciałbym mieć obramowanie o grubości 4px różowej po lewej stronie i 1px szarym gdzie indziej:

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

Problem polega na tym, że połączenie jest przekątne, więc otrzymuję okropną nakładkę. Próbowałem:

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

Ale nie ma szczęścia.

jsFiddle PrzykładjsPonadny przykład podświetlenia połączenia ukośnegoZrzut ekranu

questionAnswers(4)

yourAnswerToTheQuestion