LECȚIA 05 DIN 100

Selector de clasă

Selectează clasa card și setează padding la 24px.

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 punctul urmat de numele clasei

Exemplu corect
.card { padding: 24px; }

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

Greșeală frecventă
card { padding 24px; }

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

PASUL 2 · APLICĂ

Exercițiul tău

Selectează clasa card și setează padding la 24px.

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.