Css伪元素::在(2);:之前和::

I'm working with css and I try to add an element 'before' my div like an arrow? Are there any way for it? I try to pseudo :before but there are three of them (::before(2), :before and ::before). They make me confuse, so what's difference of them?I'm working with css and I try to add an elemen