.notice { color: #7f1d1d; background-color: #fef2f2; padding: 16px; }O singură regulă validă oferă textului, fundalului și spațiului interior valorile cerute.
LECȚIA 10 DIN 100
Repară o regulă CSS
Diagnostichează o regulă cu selector și declarații incomplete.
PASUL 1 · ÎNVAȚĂ
Cum funcționează
CSS ignoră declarațiile invalide, dar continuă să proceseze restul stylesheetului. Repară fiecare declarație necesară, nu doar prima eroare vizibilă.
notice { color #7f1d1d; background:; padding 16; }Lipsește punctul selectorului de clasă, două declarații nu au două puncte, iar valorile sunt incomplete.
PASUL 2 · APLICĂ
Exercițiul tău
Repară regula notice astfel încât toate cele trei criterii să treacă.
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 .notice are culoarea corectă.
- ○.notice are fundalul cerut.
- ○.notice are padding de 16px.
Explică-mi logica rezolvării
Repară întâi selectorul .notice, apoi scrie separat fiecare declarație completă cu proprietate, două puncte, valoare și separator.