h1 ilk harfi ile işlem

Kodla Büyü

acipinarli

Süper Üye
Süper Üye
Seçkin Üye
Mesajlar
1,805
Arkadaşlar merhaba.
Bir başlığım var ve css ile ilk harfine istediğim ayarı verebiliyorum.
Kod:
<h1>İSTİKLAL MARŞI</h1>
yukardaki başlığın ilk harfini aşağıdaki gibi ayarladım.
Kod:
h1::first-letter{
    background: #FA4E4E;
    color: white;
    padding: 5px;
}
şimdi yapmak istediğim şu; başlığın üstüne gelince ilk harfindeki arka plan ve yazı rengi yer değişecek.
Kod:
h1:hover h1::first-letter{
    background: #FA4E4E;
    color: darkred;
}
bunu yazıyorum ama olmuyor.
Kod:
h1:hover {
    background: #FA4E4E;
    color: darkred;
}
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
Kod:
h1:hover ~::first-letter{
    background: #FA4E4E;
    color: darkred;
}
ş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.
 
evet oldu. bunun bu şekilde kullanımını anlamı tam olarak nedir? ezberde değil de mantık olarak öğrenmek istiyorum.
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
 
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
tamam hocam teşekkürler. basit düşünmek gerekiyor bazen. bir etiketin özelliğine başka etiketlerin özellikleri ile ulaşırken
Kod:
etiket:özellik diğer_etiket:özellik
ş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
 
Geri
Üst