Küçük bir düzenleme yapmak istiyorum.
HTML Kodlar:

                                    <nav>
                                        <ul class="pagination justify-content-center">
                                            <li class="page-item"><a class="page-link" href="#"><span class="fas fa-angle-left"></span></a></li>
                                            <li class="page-item active"><a class="page-link" href="#">1</a></li>
                                            <li class="page-item"><a class="page-link" href="#">2</a></li>
                                            <li class="page-item"><a class="page-link" href="#">3</a></li>
                                            <li class="page-item"><a class="page-link" href="#">4</a></li>
                                            <li class="page-item"><a class="page-link" href="#"><span class="fas fa-angle-right"></span></a></li>
                                        </ul>
                                    </nav>

.page-link şu şekilde:

.page-link {
     margin-left: 8px;
]

Ben bu sınıfı hepsinde kullandım ancak listeleme içindeki ilk a etiketi için margin-left: 0px; yapmak istiyorum.
Şu şekilde denedim ancak nedense bir değişiklik olmadı.

nav ul li >:firt-child {
    margin-left: 0px;
}

Bir yerde hata yapıyorum ama nerede olduğunu göremedim.