주석으로 규칙의 이유와 구역을 설명합니다.
CSS 주석은 /* 로 시작해 */로 끝나며 여러 줄에 걸칠 수 있습니다. 무엇을 하는지 반복하기보다 왜 예외가 필요한지를 남길 때 가치가 큽니다.
이번 예제의 출발점은 /* 설명 */입니다. 선택자가 고른 요소와 실제로 계산된 값을 개발자 도구에서 나란히 보면 선언이 적용되지 않은 이유를 빠르게 찾을 수 있습니다.
처음에는 예제를 그대로 확인한 다음 second의 opacity 규칙 주석을 풀어보세요. 한 번에 한 값만 바꾸고 좁은 화면, 키보드 포커스와 200% 확대에서도 내용이 사라지지 않는지 확인하세요.
//는 일반 CSS 주석 문법이 아니며 닫히지 않은 주석은 이후 규칙을 모두 숨길 수 있습니다.
직접 바꿔보세요second의 opacity 규칙 주석을 풀어보세요.