가상 선택자(Pseudo Selectors)

가상 선택자를 사용하여 Anchor 요소 스타일링

‘Anchor’ 요소를 변경하기 위해 ‘a {}’ 선택자를 이용하며 이는

    a {
        color: rgb(167, 1, 67);
        text-decoration: none;
    }

와 같이 나타날 수 있다.

 

a{} 선택자를 이용할 때, 꺾쇠괄호는 입력하지 않으며 중괄호 안에서 색상, 텍스트의 형태와 마우스 커서의 모양 또한 변경 가능하다.

이러한 속성 선택자 외에도 ‘가상 선택자(pseudo selecter)’를 사용하여 다른 상태일 때의 요소를 선택할 수 있다.

예를 들면,

    a:hover {
        text-decoration: underline;
    }

로 나타낼 수 있으며

이는 앵커 요소에 마우스 커서를 위치했을 때 가상 선택자를 지정하는 규칙이다.