Всем доброго времени суток. Помогите разобраться с кодом. Не совсем понимаю, как действует
counter-reset и before. Если не сложно, то поясните последние 2 строчки кода. Заранее, спасибо.

.col {width: 100%; margin: 1em 0; padding: 0; counter-reset: ol;}
.col li {float: left; margin: 0; padding: 0; width: 18em; margin-left: 2.5%;}
.col.two li {width: 47.5%; margin-left: 2.5%;}
.col.four li {width: 22.5%; margin-left: 2.5%;}
ul.col.bull li:before {content: "\2022 ";}
ol.col.bull li:before {content: counter(ol) ". "; counter-increment: ol;}