Selektor potomstwa

Selektor potomstwa pozwala na wybieranie elementów HTML, które są potomkami innego elementu. Selektor potomka jest tworzony poprzez podanie kilku selektorów połączonych ze sobą bezpośrednio.

W poniższym przykładzie selektor potomka "div p" wybierze wszystkie elementy <p> , które są bezpośrednimi potomkami elementów <div>. W efekcie wszystkie teksty zawarte w elemencie, <p> są bezpośrednim potomkiem <div> , będzie miał kolor niebieski i kursywę.

CSS

								
div p {

  color: blue;

  font-style: italic;

}
						

HTML

										
<div>

  <p>Tekst z selektorem potomka</p>

</div>

										
								

Uruchom kod

Tekst z selektorem potomka