Toplam 1 adet sonuctan sayfa basi 1 ile 1 arasi kadar sonuc gösteriliyor
Konulanmış Görüntüleme
-
28.Kasım.2014, 07:34 #1
CSS Özel İfadeler (Pseudo) nedir?
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:
Kod:
a { color: #FF0000; }
Ancak aktifken, üzerine gelindiğinde ya da ziyaret edilmişse nasıl görüneceğini ayrı ayrı şu şekilde belirtebiliriz:
Kod:
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:
Kod:
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:
Kod:
<html>
<head>
<style type="text/css">
p:first-child i { color:blue; }
</style>
</head>
<body>
<p>Ben <i>güçlü</i> biriyim. Ben <i>güçlü</i> biriyim.</p>
<p>Ben <i>güçlü</i> biriyim. Ben <i>güçlü</i> biriyim.</p>
</body>
</html>
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.
Konu Bilgileri
Bu Konuya Gözatan Kullanıcılar
Şu anda 1 kullanıcı bu konuyu görüntülüyor. (0 kayıtlı ve 1 misafir)
Benzer Konular
-
Özel Ders
Konu Sahibi mahmut Forum Site EkleCevap: 0Son Mesaj : 22.Nisan.2015, 01:46 -
Php Düzenli İfadeler
Konu Sahibi kazanova21641 Forum PHPCevap: 0Son Mesaj : 19.Ekim.2014, 21:25 -
RegExp (Regular Expression - Kurallı İfadeler) hakkinda yardim ?
Konu Sahibi WeBMasteR Forum Ubuntu - MintCevap: 0Son Mesaj : 09.Haziran.2014, 16:03 -
Hareketli Özel Bayan Avatarları, Çizgi Avatarlar, Çizgi Özel Hareketli Avatarlar
Konu Sahibi WeBMasteR Forum Grafik ArşivleriCevap: 0Son Mesaj : 30.Nisan.2014, 09:26 -
Şirin İfadeler
Konu Sahibi WeBMasteR Forum Grafik ArşivleriCevap: 0Son Mesaj : 17.Nisan.2014, 23:44
Shopsocks5 - Service Socks5 Cheap...
Bugün, 14:40 in Güvenlik