CSS의 state

버튼 태그를 만들자

 

 

 

 

개발자 도구에 보니 hover  포커스 액티브 뭐 이상한거 많이 있다

hover focus  focus widthin active visited 가 있다고 함

 

 

 

마우스를 올렸을때 백 그라운드 컬러 빨간색 글자는 흰색이된걸 알수 있다

 

그럼 active 도 써보자

 

 

 

스샷은 못했지만 눌렀을대 빨갛게 바뀌는게 확인 되었다

hover 는 올려 놓으면 바뀜 active 는 누르면 바뀜 

 

 

클릭한적 있는 링큰입니다는 보라색? 으로 기본적으로 바뀐다 그럼 이걸 green 으로 바꿔보겟음

visited 사용

 

바뀌는거 확인

 

 

focus 를 써보자 

 

글자 쓸대 검은색이 뒤고 글자는 하얀색이 되는거 확인

 

 

focus widthin

포커스 위드인이 자식요소에 포커스가 생겼을때 사용 가능

 

이렇게 빨간선 생기는거 확인 

 

가상 클래스 선택자 뒤에 적는걸 가상클래스