CSS :before and :after not working? [duplicate]
If you want :before and :after to work, you need to give them content, otherwise they don't really 'exist'. The easiest thing to do is, in the css, set content: '' for both pseudoelements.
You should use :before and :after selectors with content property:
.chart ul:after{
content: "";
border:1px solid #f30;
}