რა არის child combinator ( > ) სიმბოლო CSS-ში

child combinator (>) სიმბოლო განთავსებულია CSS-ის სელექტორებს შორის და ის აღნიშნავს იმ ელემენტებს, რომლებიც, იერარქიაში არიან პირველი იერარქიის შვილები კონტრეტული ელემენტისთვის.

ამის კარგად გასაგებად აუცილებელია გავაკეთოთ შესაბამისი მაგალითები. წარმოვიდგინოთ, რომ გვაქვს სამი დონის იერარქია HTML-ში

მაგალითი:

<!-- პირველი დონის ელემენტი -->
<div>
  <!-- მეორე დონის ელემენტი -->
  <div>
    <!-- მესამე დონის ელემენტი -->
    <div></div>
  </div>
</div>

თუ დავწერთ CSS-ში შემდეგ ჩანაწერს div > div { ... } სტილები მხოლოდ გავრცელდება მეორე დონის ელემენტზე და არა მესამე და მომდევნო იერარქიის ელემენტებზე