CSS Yardım: first-child

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.

Kullanım yanlış.

Bu şekilde olmaz:

nav ul li >:firt-child

Doğrusu bu olacak:

nav ul li:first-child

Onu da denemiştim ama olmamıştı. Sonradan w3schools'dan bakarak burada paylaştığım gibi olduğunu gördüm öyle denedim öyle de olmadı. Az önce css dosyasında 8px vermişim başka bir şekilde onu kaldırdım düzeldi. Teşekkürler.

Ön tanımlı başka firt-child var ise olmayabilir, !important vermeyi deneyin.
Örnek:nav ul li >:firt-child { margin-left: 0px !important; }

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

nav ul li:first-child a
Bunu dener misin?