CSS'de first-letter Nedir?

CSS'de first-letter, bir metin bloğunun ilk harfini seçmek için kullanılan bir selektördür. Bu seçici, metnin ilk harfi için özel bir stil veya düzenleme belirtmek için kullanılabilir.
First-letter seçicisi, herhangi bir blok içinde kullanılabilen genel bir seçicidir. Bir başlık, bir paragraf veya bir liste öğesi gibi herhangi bir metin bloğunda kullanılabilir. Örneğin:
h1:first-letter {
font-size: 2em;
color: red;
}
Bu kod, bir h1 etiketi ile başlayan bir sayfanın ilk harfini seçer ve onun büyüklüğünü 2em ve rengini kırmızı olarak belirler.
Bir paragrafın ilk harfini de seçebilirsiniz:
p:first-letter {
font-size: 1.5em;
color: blue;
}
Bu örnekte, bir paragrafın ilk harfi 1.5em büyüklüğünde ve mavi renkte olacaktır.
First-letter seçicisi aynı zamanda etkileşimli özellikler de içerebilir. Örneğin, bir hover durumunda rengi değiştirebilirsiniz:
h1:first-letter:hover {
color: green;
}
Bu örnekte, bir h1 etiketi ile başlayan bir sayfanın ilk harfi hover durumunda yeşil renk alacaktır.
Sonuç olarak, first-letter seçicisi, bir metnin ilk harfi için belirli bir tasarım veya düzenleme sağlar ve kullanımı oldukça basittir.