Css

CSS İleri Düzey – CSS Sözde Sınıflar (Pseudo Classes)

CSS İleri Düzey – CSS Sözde Sınıflar (Pseudo Classes)

Sözde Sınıflar (Pseudo Classes) Nedir?

CSS sözde sınıfları, belge ağacında var olan, ancak diğer seçicilerin kullanımıyla hedeflenemeyen öğelerin yanı sıra, asılı, etkin ve odak durumu gibi bir öğenin dinamik durumlarını da stillendirmenize olanak tanır. Örneğin, ilk veya son alt öğeyi hedef alan kimlikleri veya sınıfları.

Pseudo Class olarak ifade edilen bu kullanımda seçimden hemen sonra iki nokta (:) kullanılır ve alt özellik belirtilir.

Örnek:

Not: Bu sözde sınıflar sorunsuz çalışması için , tam sırayla tanımlamanız gerekir sıralama şu şekildedir – :link:visited:hover:active:focus.

Eğer kendi belirlediğimiz bir stilde bu alt özellikleri biçimlendireceksek elementten sonra stil adını nokta ile ayırarak yazmalıyız:

İlk Elemente Özel Stil Belirleme

:first-childSözde sınıfı, başka bir elemanın ilk alt öğesi olan elemanla eşleşir. Aynı elementten birden çok kullandığımız bir yerde sadece ilk elementin diğer elementlerden farklı görünmesi için first-child alt özelliğini kullanırız. Örneğe bakalım:

Bunu diğer tüm elementlerde de kullanmanız mümkündür.

Yazar Hakkında

Beytullah Toprak

Genç girişimci olarak web sitemde siz değerli okuyucularımıza elimden geldiğince bilgi aktarmak hem öğrenmek , hem sizlere öğretmek amaçlamaktayız.

Yorum Yap