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

Spawrain · 20 Ekim 2021

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]

Spawrain · 20 Ekim 2021

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.

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]

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]

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.

ctrlshift · 20 Ekim 2021

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.

Spawrain · 20 Ekim 2021

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.

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]

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]

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.

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

Ayrıntılı düzenleme

Spawrain

Megapat

Spawrain

ctrlshift

Kilopat

Spawrain

Megapat

Benzer konular

Bu konuyu görüntüleyen kullanıcılar