h1 ilk harfi ile işlem

Arkadaşlar merhaba.
Bir başlığım var ve css ile ilk harfine istediğim ayarı verebiliyorum.
yukardaki başlığın ilk harfini aşağıdaki gibi ayarladım.
şimdi yapmak istediğim şu; başlığın üstüne gelince ilk harfindeki arka plan ve yazı rengi yer değişecek.
bunu yazıyorum ama olmuyor.
yazarsam tüm harflerin ayarları değişiyor ama benim istediğim sadece ilk harf etkilensin yine.
umarım anlatabildim. Seçicileri denedim ama beceremedim maalesef. sanırım ya yanlış seçicileri seçtim yada kullanamadım.

hatta
şeklinde yaptım ama bu kez İstiklal Marşının kıtalarını p ile yazmıştım hepsinin ilk harfleri değişti. h1 'in kardeş etiketleri oldukları için.

h1:hover:first-letter {
background: #FA4E4E;
color: darkred;
}

bu da mı olmuyor?

volkankey' Alıntı:

h1:hover:first-letter {
background: #FA4E4E;
color: darkred;
}

bu da mı olmuyor?

Genişletmek için tıkla ...

evet oldu. bunun bu şekilde kullanımını anlamı tam olarak nedir? ezberde değil de mantık olarak öğrenmek istiyorum.

acipinarli' Alıntı:

evet oldu. bunun bu şekilde kullanımını anlamı tam olarak nedir? ezberde değil de mantık olarak öğrenmek istiyorum.

Genişletmek için tıkla ...

Hocam çok basit : nın anlamı o öğeye ait alt özellik
Biz şimdi a için css yazdığımızda
a{
İle başlarız
a:hover dediğimizde de a üzerine gelince demek
h1:hover:first-letter da
H1 üzerine gelince ilk harfi
Demek oluyor

Tkp

volkankey' Alıntı:

Hocam çok basit : nın anlamı o öğeye ait alt özellik
Biz şimdi a için css yazdığımızda
a{
İle başlarız
a:hover dediğimizde de a üzerine gelince demek
h1:hover:first-letter da
H1 üzerine gelince ilk harfi
Demek oluyor

Genişletmek için tıkla ...

tamam hocam teşekkürler. basit düşünmek gerekiyor bazen. bir etiketin özelliğine başka etiketlerin özellikleri ile ulaşırken
şeklinde iken kendi herhangi bir özelliğini kullanarak diğer özelliğine ulaşırken bu şekilde anladığım kadarı ile.
biraz karışık oldu ama anlatımım teşekkürler tekrar.

etiket : özellik : etiketin içindeki herhangi etiket / özellik : özellik

diyebiliriz