CSS -> Parent > Child > Child Seçimi Nasıl Yapılır

12-10-2020, 15:35:02

#anakatman .altkatman onun da altında <ul> ve altında <li> ve altında <a>

Şimdi

#anakatman .altkatman li {özellikler ...}

li'ye ulaşamıyorum.

.altkatman li / şeklinde olursa oluyor. veya #anakatman li 'de sorun yok.

Fakat 2 den fazla nasıl child > child seçici kullanabilirim?

12-10-2020, 15:40:24

#2

Sinan Yorulmaz

#anakatman .altkatman li > li şeklinde ulaşabilirsin. ">" kullanırsan bir alt katmanında arar.

12-10-2020, 15:42:07

#3

oldora

Anladığım kadarıyla bu kod yapısı mevcut sizde

<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>

<div id="anakatman">
<div class="altkatman">
<ul>
<li>
s
</li>
</ul>
</div>
</div>


<script src="https://code.jquery.com/jquery-3.5.1.min.js" type="text/javascript"></script>

</body>
</html>

Bu kod ile li'ye erişebiliyorum.

$("#anakatman .altkatman li").css("background", "red")