Posso ter bordas esquerda e superior de cores diferentes em CSS com junção direta?
Eu gostaria de ter uma borda de 4px de espessura rosa à esquerda e 1px cinza em outro lugar:
border: 1px solid #E5E5E5;
border-left: 4px solid #F24495;
A questão é a junção é diagonal, então eu recebo uma sobreposição horrível. Eu tentei:
.item:before{
border-left: 4px solid #F24495;
}
Mas sem sorte.
Exemplo de jsFiddleexemplo jsFiddle destacando conexão diagonalScreenshot