css선택자, 마우스오버(hover)

   

div클래스에 i만 적용한다.
div안에 p는 직속자식이 아니기때문에 적용되지않는다.

클래스 복수선택이다.

outside를 갖고 있는 것중 one이 있다면 적용된다.
outside와 one을 다중 적용한 outside 1이
적용된 것을 확인 할 수 있다.

마우스 오버 hover

h1 {
  color: orange;
}

/* 마우스가 <h1> 태그에 올라갔을 때 */
h1:hover {
  color: green;
}

마우스가 올라가면 텍스트가 반응한다.