CSS Pseudo-clase. Pseudo-clasa CSS - :first-child. Potriviți primul element <i> din toate elementele <p>. Potriviți toate elementele <i> din toate elementele primului copil <p>.

Pseudo-clasa CSS - :first-child

Pseudo-clasa :first-child se potrivește cu un element specificat care este primul copil al unui alt element.
Potriviți primul element <p>.

În următorul exemplu, selectorul se potrivește cu orice element <p> care este primul copil al oricărui element:

Exemplu:

p:first-child {
  color: blue;
}

Potriviți primul element <i> din toate elementele <p>

În următorul exemplu, selectorul se potrivește cu primul element <i> din toate elementele <p>:

Exemplu:

p i:first-child {
  color: blue;
}

Potriviți toate elementele <i> din toate elementele primului copil <p>

În următorul exemplu, selectorul se potrivește cu toate elementele <i> din elementele <p> care sunt primul copil al unui alt element:

Exemplu:

p:first-child i {
  color: blue;
}