선택자, 선언 블록, 속성, 값의 문법을 정확히 읽습니다.
선택자 뒤 중괄호가 선언 블록이며 각 선언은 속성: 값과 세미콜론으로 구성됩니다. 공백은 대부분 자유롭지만 속성명과 값의 철자는 정확해야 합니다.
이번 예제의 출발점은 .target { color: green; padding: 16px; }입니다. 선택자가 고른 요소와 실제로 계산된 값을 개발자 도구에서 나란히 보면 선언이 적용되지 않은 이유를 빠르게 찾을 수 있습니다.
처음에는 예제를 그대로 확인한 다음 새로운 background-color 선언을 추가하세요. 한 번에 한 값만 바꾸고 좁은 화면, 키보드 포커스와 200% 확대에서도 내용이 사라지지 않는지 확인하세요.
콜론과 세미콜론을 바꾸거나 중괄호를 닫지 않으면 뒤의 선언까지 무시될 수 있습니다.
직접 바꿔보세요새로운 background-color 선언을 추가하세요.