TIKLA
  • Anasayfa
  • Favorilere Ekle
  • Site Haritası
  • https://www.facebook.com/edkirtasiye?ref=hl
  • https://plus.google.com/b/106886206509708574199/106886206509708574199/posts
  • https://twitter.com/egitimdunyamiz
Ziyaret Bilgileri
Aktif Ziyaretçi3
Bugün Toplam36
Toplam Ziyaret1364384
ANKET
Sizce Eğitim Sisteminin En Büyük Eksikliği Nedir?
Site Haritası
REKLAM4
reklam5
REKLAM2
REKLAM1
REKLAM

CSS Özel İfadeler (Pseudo)

ElementLerin Alt Özellikleri

HTML'de A kodu belli durumlarda belli stiller alabilir. Örneğin fare ile üzerine gelindiğinde (hover) veya ziyaret edildiğinde (visited) farklı farklı stiller kullanmak gerekebilir. İşte bu tarz kullanımlar CSS nin özel kullanımlarıdır.

Pseudo Class olarak ifade edilen bu kullanımda seçimden hemen sonra iki nokta (:) kullanılır ve alt özellik belirtilir. Örneğin aşağıdaki kod tüm linklerin tüm alt özellikleri için geçerli olacaktır:

      a { color: #FF0000; }
   

Ancak aktifken, üzerine gelindiğinde ya da ziyaret edilmişse nasıl görüneceğini ayrı ayrı şu şekilde belirtebiliriz:

      a:link {color:#FF0000;}    /* ziyaret edilmemiş */
      a:visited {color:#00FF00;} /* ziyaret edilmiş */
      a:hover {color:#FF00FF;}   /* fare üzerinde */
      a:active {color:#0000FF;}  /* seçilmişse */ 
   

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

      a.kirmizi:visited {color:#FF0000;}
   

İlk Elemente Özel Stil Belirleme

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:


 
 
 
 
 
  

Ben güçlü biriyim. Ben güçlü biriyim.

Ben güçlü biriyim. Ben güçlü biriyim.


Yukarıdaki kodu bir not defterine yapıştırıp sonunu .html olarak kaydedin ve açın. Göreceksiniz ilk "güçlü" yazısı mavi renkle yazılmış. Bunu diğer tüm elementlerde de kullanmanız mümkündür.


Yorumlar - Yorum Yaz


 TIKLA