CSS3 - CSS 반응 hover, 상태, 구조 선택자

반응 선택자 - hover 반응에 따른 속성을 변경 시키는 것 마우스의 반응에 따른 속성을 설정할 수 있다. :hover 를 적용하면 마우스가 올린 반응에 따라 선택되어 진다. menu1 menu2 menu3 menu4 menu5 ul > li { ... } 는 자손 선택자 ul 태그 바로 밑에 있는 li 태그들을 모두 선택한다 li:hover { ... } 는 hover를 주어 마우스가 해당 태그 위로 올라갔을 때를 선택한다 상태 선택자 상태에 따른 속성을 변경하는 것. 폼 태그에서 focus가 맞춰진다던가 type="text" 인 것이 enabled 또는 disabled 처리 되었다던가 할 때 발생 이름 : 아이디 : 비밀번호 : input:focus { ... } 는 input 태그에 커서가 깜박임..

원문링크 : CSS3 - CSS 반응 hover, 상태, 구조 선택자