Connect with us

Hi, what are you looking for?

CSS

CSS Dersleri “:not()” Kullanımı

CSS Dersleri: object-fit
CSS Dersleri: object-fit

Siberdefter Akademi’de CSS Dersleri kaldığı yerden devam ediyor ve bugün CSS’in sözde sınıflarından :not() methodunu öğreniyor olacağız. Özellikle detaylı arayüz çalışmalarında oldukça faydası dokunan bu method projelerinizde inanılmaz bir kolaylık sağlayacak.

İsminden de anlaşılabileceği üzere olumsuz durumlarda kullanılan :not() bir şeyi içermiyorsa, bir şey değilse durumlarında kullanılır. Örneğin bir listede son eleman değilse şu stillendirmeleri uygula gibisinden.

<ul>
    <li>Açıklama 1</li>
    <li>Açıklama 2</li>
    <li>Açıklama 3</li>
    <li>Açıklama 4</li>
    <li>Açıklama 5</li>
    <li>Açıklama 6</li>
</ul>

6 adet li elemanına sahip bir ul-li yapısı kurdum ve şimdi ise içerisinde “Açıklama 6” yazan li elemanına kadar her bir li elemanının yazı rengini kırmızı yapacağım.

ul li:not(:last-child) {
    color: red;
}

:not(:last-child) kullanımı son li elemanına gelene kadar her bir li’nin yazı rengini kırmızı yapacak ve en son içerisinde “Açıklama 6” yazan li elemanına sıra geldiğinde onun rengini değiştirmeyecek.

Eğer ben içerisinde “Açıklama 7” yazan bir li elemanı daha eklersem bu sefer “Açıklama 6” yazan li elemanı da kırmızı renkte yazılacak ama yeni eklenen li elemanı yine saptanmış renkte kalacak.

Advertisement. Scroll to continue reading.

Written By

Siberdefter'de Chief Executive Officer

Click to comment

Leave a Reply

E-posta hesabınız yayımlanmayacak.

Editörün Tavsiyeleri

CSS

Siberdefter Akademi’de CSS Dersleri kaldığı yerden devam ediyor dostlar ve bugün arayüz kodlarken işimize çok fazla yarayacak olan clamp() fonksiyonundan bahsediyor olacağız. Arayüz kodlarken...

CSS

Siberdefter’de CSS Dersleri kaldığı yerden devam ediyor dostlar, bugün ‘margin’ özelliği CSS’te ne işe yarar bize ne sağlar bunu öğreniyor olacağız. Bir websitesine girdiğimiz...

CSS

Merhaba dostlar, Siberdefter‘e hoş geldiniz. Bugün CSS Dersleri‘ne kaldığımız yerden devam ediyoruz, bugünb CSS ile bir yazıya nasıl renk verebiliriz ondan bahsediyor olacağız. Bir...

CSS

Merhaba dostlar, Siberdefter‘e hoş geldiniz. Bugün CSS Dersleri‘nde “object-fit” teriminden bahsediyor olacağız. CSS’te object-fit nedir, CSS’te object-fit kullanımı, CSS “object-fit” ne işe yarar? Bu...

Advertisement