5.00 / 1 oy

CSS ile sadece ilk elemanı seçmek

Elimde bir dizi li var ama margin-left gibi bir stil tanımlamasını direk bu li'ler için yaptığımda en soldaki li de kaymış oluyor. Ben bu stil düzenlemesinin belirli bir ul içerisinde birinci li dışındaki tüm li'er için yapmak istiyorum. Örneğin:

<ul class="uldeneme">
    <li>Birinci</li>
    <li>İkinci</li>
    <li>Üçüncü</li>
    <li>Dördüncü</li>
    <li>Beşinci</li>
</ul>

uldeme class'ı altındaki ilk li hariç tüm diğer li'ler gibi bir tanımlamayı nasıl yapabilirim?

mbologlu

28.06.2019 15:52

Bu soru 3 kez yanıtlandı.

  • 28 Haziran 2019 16:43
    36

    Aşama aşama tümevarım yaparak tümünü göstermeye çalışacağım:

    CSS ile sadece 1. elementi seçmek:

    ul > li:first-child

    Belirli bir class'a sahip bir ul için sadece birinci öğesini seçmek için:

    .uldeneme > li:first-child

    Tüm ul'lerin ilk ve sonuncu elemanlarını CSS ile seçmek için:

    ul > li:first-child, ul > li:last-child

    Bir class'a sahip olmayan tüm li'leri seçmek için:

    li:not(.sinif)

    Sonuç olarak sizin örneğinizdeki ihtiyaç sadece ilk li'yi seçmek değil; ilk li dışındaki li'leri seçmek olduğu için yazmanız gereken css şu şekilde olmalıdır:

    ul:not(:first-child)

     

  • 5 Kasım 2021 16:58
  • 18 Kasım 2021 15:40

Bu soruya sadece kayıtlı kullanıcılar yanıt yazabilirler. Yanıt yazmak için lütfen giriş yapınız.

Reitix
CSS ile sadece ilk elemanı seçmek

İnternet sitemizdeki deneyiminizi iyileştirmek için çerezler kullanıyoruz. Bu siteye giriş yaparak çerez kullanımını kabul etmiş sayılıyorsunuz. Daha fazla bilgi.