[CSS] 그룹 선택자 ,반응 선택자, 선택자 우선 순위

 그룹 선택자(, : 콤마)

두 개 이상의 선택자를 동시에 설정하는 경우 사용

        h1,p {

            color: blue;

        }

->h1, p 의 태그 선택자를 설정

반응 선택자

마우스의 동작에 따라 동작하는 선택자

태그명 : hover

- 태그가 적용된 영역에 마우스를 위로 올렸을 때 동작 

태그명 : active

- 태그가 적용된 영역에 마우스를 위로 올렸을 때 동작 

<style>   

    div:hover{

        color :purple

    }

    div:active{

        color : aqua

    }

</style>

. . .

<div>

      박제가 되어버린 천재를 아시오? <br>

      나는 유쾌하오 이런때의 연애가 유쾌하오

</div>

-맨 위에서부터 순서대로, 반응 없는 경우, 마우스를 위에 올린 경우, 클릭한 경우 

※주의 사항

-기본 생성 순서는 hover, active 가 되어야 함

-역순으로 생성되는 경우 active가 실행되지 않음

선택자 우선 순위

선택자	가중치
* : 전체선택자	0
태그명 : 타입선택자	1
. : 클래스 선택자	10
# : 아이디 선택자	100

※ 가중치 합산으로 우선 순위를 정함(계층 선택자와 연계하여 쓰임)