가상 선택자 (pseudo class & pseudo element) - CSS
가상 선택자란? : 지금 문서 내에 존재하지 않는 구조, 즉 문서에 존재하지 않는 요소에 스타일을 부여할 수도 있고 특정 요소의 상태를 미리 추정하여 가상의 클래스로 스타일을 적용시킬 수도 있는 선택자이다. 1) 가상 클래스 : 미리 정의해놓은 상황에 적용이 되도록 약속돼있는 보이지 않는 클래스. 예를 들어 특정한 상황(어떤 글자 위에 마우스 포인터를 놓은 상황)에 해당 컨텐츠의 색깔을 변화시키고 싶은 경우, 기존 방법이라면 javascript 같은 외부 언어를 통해서 함수를 지정해주어야 하는 번거로움이 있었을 것이다. 자식 요소 관련 태그이름:fisrt-child => 해당 태그의 첫 번째 자식 요소 선택 태그이름:last-child => 해당 태그의 마지막 자식 요소 선택 링크 관련 a:link =>..
Programming/Concept
2019. 5. 2. 15:44
