Can I have different colored left and top borders in CSS with straight join?

Question

I would like to have a border that is 4px thick pink on the left and 1px grey elsewhere:

border: 1px solid #E5E5E5;
b         


        

Answer 1

this should work but requires extra markup:

.outer {
    border: 1px solid #E5E5E5;
    border-left: 0;
}

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

and

    

        ...