Selector(선택자) 서열

Selector(선택자) 서열
id 선택자 > class 선택자 > 일반태그 선택자

id 태그의 속성들을 선택자로 사용 => .속성이름
class 태그의 속성들을 선택자로 사용 => #속성이름

따라서, sytle 태그 안에서 위 선택자들의 서열은 절대적이기 때문에
작성 순서(최신선언 우선)에 영향을 받지 않는다.

 

왜냐하면 사용 빈도수(포괄성) => 일반태그 > class > id(유일함) 이기 때문.

e.g.

<style>
        #active{
          color:red;
        }
        .saw{
          color:gray;
        }
        a {
          color:black;  
          text-decoration:  none;
        }
</style>

기본 텍스트는 블랙. 활동기록 있는 텍스트 그레이. 현재 활성화 되어있는 페이지 레드.