Çözüldü Last-child kodu çalışmıyor

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.
Spawrain

Spawrain

Kilopat
Katılım
13 Nisan 2016
Mesajlar
558
Çözümler
1
Daha fazla  
Cinsiyet
Erkek
First-child'in arka plan rengi değişiyor fakat last-child'in rengi bir türlü değişmiyor. Bunun nedeni nedir?
[CODE lang="css" title="HTML" highlight="5-7"]<style>
p:first-child {
background: red;
}
p:last-child {
background: red;
}
</style>[/CODE]


[CODE lang="html" title="HTML"] <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, explicabo.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, explicabo.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, explicabo.</p>[/CODE]
 
Çözüm
Spawrain
ctrlshift dedi:
Kodda bir problem görünmüyor. Sayfanın geri kalanında ufak tefek yazım hataları olabilir. Değişiklik yaptıktan sonra sayfayı yenilemeyi falan da unutuyor olabilirsin. Kapat aç seçeneğini de denemek lazım.
Genişletmek için tıkla...
Kodu tekrar yazdım ve başka tarayıcı kullandım, hala kodu görmüyor.
[CODE lang="html" title="Kod"]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
p:first-child {
background: red;
}
p:last-child {
background: red;
}
</style>
<body>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, explicabo.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, explicabo.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, explicabo.</p>
</body>
</html>[/CODE]
last-child.PNG
Spawrain dedi:
Kodu tekrar yazdım ve başka tarayıcı kullandım, hala kodu görmüyor.
[CODE lang="html" title="Kod"]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
p:first-child {
background: red;
}
p:last-child {
background: red;
}
</style>
<body>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, explicabo.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, explicabo.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, explicabo.</p>
</body>
</html>[/CODE]
last-child.PNG
Genişletmek için tıkla...

Sorunu çözdüm Visual Code programının Open with Live Server eklentisiyle açtığımda görünmüyor fakat manuel olarak HTML dosyasını çalıştırdığımda düzeliyor.
Tarihe göre sırala Puana göre sırala
Kodda bir problem görünmüyor. Sayfanın geri kalanında ufak tefek yazım hataları olabilir. Değişiklik yaptıktan sonra sayfayı yenilemeyi falan da unutuyor olabilirsin. Kapat aç seçeneğini de denemek lazım.
 
Artı 0 Eksi
ctrlshift dedi:
Kodda bir problem görünmüyor. Sayfanın geri kalanında ufak tefek yazım hataları olabilir. Değişiklik yaptıktan sonra sayfayı yenilemeyi falan da unutuyor olabilirsin. Kapat aç seçeneğini de denemek lazım.
Genişletmek için tıkla...
Kodu tekrar yazdım ve başka tarayıcı kullandım, hala kodu görmüyor.
[CODE lang="html" title="Kod"]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
p:first-child {
background: red;
}
p:last-child {
background: red;
}
</style>
<body>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, explicabo.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, explicabo.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, explicabo.</p>
</body>
</html>[/CODE]
last-child.PNG
Spawrain dedi:
Kodu tekrar yazdım ve başka tarayıcı kullandım, hala kodu görmüyor.
[CODE lang="html" title="Kod"]<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
p:first-child {
background: red;
}
p:last-child {
background: red;
}
</style>
<body>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, explicabo.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, explicabo.</p>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Assumenda, explicabo.</p>
</body>
</html>[/CODE]
last-child.PNG
Genişletmek için tıkla...

Sorunu çözdüm Visual Code programının Open with Live Server eklentisiyle açtığımda görünmüyor fakat manuel olarak HTML dosyasını çalıştırdığımda düzeliyor.
 
Son düzenleme:
Artı 0 Eksi
Çözüm

Benzer konular

L
  • Çözüldü
Çözüldü  Nth-child kullanımı nasıldır?
Mesaj
1
Görüntüleme
109
brkdnmz
brkdnmz
Linux Kaymak
  • Çözüldü
Çözüldü  HTML kodu CSS'siz çalışıyor
Mesaj
4
Görüntüleme
322
Linux Kaymak
Linux Kaymak
Furkan_09
  • Soru
QR kodu nasıl çözümleniyor?
Mesaj
0
Görüntüleme
818
Furkan_09
Furkan_09
Yiğit Bakır
Siteye captcha ekleme kodu
Mesaj
6
Görüntüleme
3B
Yiğit Bakır
Yiğit Bakır
OmEr_BeY
Siteye Resim Yükle Kodu
Mesaj
2
Görüntüleme
2B
Fatih TAŞKIN
Fatih TAŞKIN

Yeni konular

Yeni mesajlar

Geri
Yukarı