LECȚIA 09 DIN 100

Copil direct

Selectează numai elementele li care sunt copii direcți ai clasei menu.

Sursă oficialăW3C Selectors Level 4Revizuit: 2026-08-26
PASUL 1 · ÎNVAȚĂ

Cum funcționează

Selectorul stabilește ce elemente primesc declarațiile. Pentru această relație folosim combinatorul > pentru copil direct

Exemplu corect
.menu > li { list-style: none; }

Selectorul țintește exact elementele cerute, iar declarația schimbă numai proprietatea indicată.

Greșeală frecventă
menuli { list-style none; }

Un selector aproximativ sau o declarație fără două puncte nu descrie regula cerută.

PASUL 2 · APLICĂ

Exercițiul tău

Selectează numai elementele li care sunt copii direcți ai clasei menu.

PASUL 3 · CONSTRUIEȘTE

Scrie și vezi rezultatul

index.htmlCSS
Rezultat sigurizolat
Ciorna se păstrează doar în acest browser.HTML și CSS permise · scripturile și rețeaua sunt blocate
PASUL 4 · VERIFICĂ

Ce trebuie să treacă

0%neverificat
  • Selectorul și declarația cerută sunt prezente.
  • Exemplul HTML conține țintele necesare.
Explică-mi logica rezolvării

Scrie selectorul exact înaintea acoladelor și păstrează declarația completă în bloc.