CSS 기초 문법 코딩 독학 / 가상선택자 / 5


CSS 기초 문법 코딩 독학 / 가상선택자 / 5

가상선택자 란 가상 선택자 란 HTML 웹 문서에 실제로 존재하지는 않지만 필요에 의해 임의로 지정해서 사용하는 선택자 입니다. 바로 이전강의에서 사용했던 :link :hover :focus 같은 예제들이 이에 해당합니다. 자주 쓰이는 가상선택자 예제를 위해 입력창 하나와 박스하나를 만들어 보았습니다. :hover 가상 선택자 스타일코드에 추가하였을때 박스 위에 마우스를 올리면 CSS가 적용됩니다. :active 가상 선택자 이번에는 클릭했을때 색상이 변하는 모습을 볼 수 있습니다. :focus 가상 선택자 입력창에 입력하기 위해 클릭을한 상태 (액티브 상태) 가 되면 적용됩니다. 구조적인 가상선택자 요소들의 위치에 따라 다른스타일을 지정하기 위..........

CSS 기초 문법 코딩 독학 / 가상선택자 / 5에 대한 요약내용입니다.

자세한 내용은 아래에 원문링크를 확인해주시기 바랍니다.



원문링크 : CSS 기초 문법 코딩 독학 / 가상선택자 / 5