주석으로 규칙의 이유와 구역을 설명합니다.
CSS 주석은 /* 로 시작해 */로 끝나며 여러 줄에 걸칠 수 있습니다. 무엇을 하는지 반복하기보다 왜 예외가 필요한지를 남길 때 가치가 큽니다.
첫 줄의 주석은 바로 아래 .target 규칙의 의도를 적은 메모일 뿐이라 화면에 아무 흔적도 남기지 않고, 두 상자는 똑같이 초록 배경에 흰 글자로 보입니다. 닫는 중괄호 뒤의 .second{opacity:.4}도 주석 기호 안에 갇혀 있어 지금은 무시되며, 기호를 지우면 두 번째 상자만 배경과 글자가 함께 40% 불투명도로 흐려집니다.
CSS 주석은 중첩되지 않습니다. 이미 주석이 들어 있는 구간을 통째로 다시 주석으로 감싸면 안쪽에서 처음 만나는 닫는 기호에서 주석이 끝나 버리고, 남은 글자가 다음 규칙의 선택자 앞에 붙어 그 규칙 전체가 무시될 수 있습니다.
//는 일반 CSS 주석 문법이 아니며 닫히지 않은 주석은 이후 규칙을 모두 숨길 수 있습니다.
직접 바꿔보세요second의 opacity 규칙 주석을 풀어보세요.