튜토리얼 1단계 : 2차 메뉴까지 마크업하기
튜토리얼 2단계 : 2차 메뉴 숨기기
display:none: 공간을 차지하지 않고 요소를 숨김처리
튜토리얼 3단계 : 2차 메뉴 텍스트 숨기기
튜토리얼 4단계 : 1차 메뉴 텍스트 숨기기
튜토리얼 5단계 : 1차 메뉴 텍스트에 마우스를 올리면 인접 동생인 ul에 배경색 변경
튜토리얼 6단계 : 1차 메뉴 에 마우스를 올리면 자식인 ul에 배경색 변경
튜토리얼 7단계 : 2차 메뉴를 숨긴 상태에서 1차 메뉴에 마우스를 올리면 2차 메뉴 등장
선택자 검색 대상의 개수
border: 5px solid blue;를 각 중괄호 안에 넣어 확인하면 된다.
