<CSS> hover

hover: 해당 영역에 마우스를 올리면 설정한 속성이 나타나게 한다. 

선택자1:hover선택자2 {}

(선택자1 : 마우스를 올리는 영역, 선택자2 : 속성이 나타나는 영역)

- 기본 CSS와 HTML 

1)  마우스 올리는 곳과 속성이 나타나는 곳이 경우

( 마우스를 .open에 올렸을 때 결과)

2) 마우스를 올리는 영역과 속성이 적용되는 영역이 다를때의 예 

(.inner에 마우스를 오리면 .close에 속성이 적용된다) 

***

- open과 close는 부모자식 관계가 아니므로 띄어쓰기 x

다음과 같이 코드를 작성하면 올바르게 적용이 된다 

(+ : 바로 다음에 나오는 태그)

*** 

다음의 코드들은 다 같은 의미이다 (우선순위, 명시성도 같다)