[CSS] 상태선택자 :active :focus

상태선택자는 입력양식 상태를  선택할때 사용되는 선택자입니다

주로 input태그의 상태를 선택할때 자주 사용되는 선택자인데요 지금부터 자세히 알아보도록 하겠습니다

먼저 상태선택자 형태는 

:checked / :focus / :enabled / :disabled 총 4가지로 나뉘어져 있습니다

:checked는 체크 상태의 input 태그를 선택합니다

:active는 초점이 맞추어진 input태그가 선택되어집니다.

:enabled는 사용한 input태그를 선택를 선택합니다

:disabled는 사용불가능한 input태그를 선택합니다.

여기서 간단하게 enabled 와 disabled 차이점을 알고 넘어가도록 하겠습니다
아래의 입력양식을 보면 알수 있듯이 enabled 부분은 활성화가 되었다는것을 알수 있을겁니다 반대로 disabled는 사용이 불가능하다는것을 알수 있을텐데요
enabled는 사용이 가능한 입력태그 이며 disabled는 입력이 불가능한 태그라고 생각하시면 될것 같네요

상태선택자는 위와 같은 입력 양식의 태그를 선택할때 사용되어집니다
input type의 속성이 checked라고 한다면 상태선택자인 :checked를 활용하여

input[type=checked]:checked

위와 같이 태그를 선택할수 있을겁니다.

오늘은 이렇게 상태 선택자에 대해서 알아봤는데요 input태그뿐만 아니라 다양하게 활용되는 선택자이니 기억하고 넘어가서여 합니다.