* CSS 선택자: CSS선택자에는 class, id, tag 등이 있다.
* 기본적으로 우선 순위를 따질 때에는 id>class>tag로 판단하여 컴파일 된다.
예) head 태그 하의 style 블록에서 css로 아래와 같이 지정했다 치자.
여기서 .js는 "js"인 클래스를 나타내고, #first는 id, span은 한 구간을 나타내는 태그이다.
그렇다면 body의 아래 코드는 어떻게 나올까?
span, id, class에 모두 해당되는 것을 알 수 있다.
결과는,
초록색으로 나온다. 이로서 세 가지 선택자의 가장 상위 순위는 "id" 인것을 알 수 있다.
그러면 id선언을 지워버린다면?
아래와 같이 빨간색으로 나온다. 여기서 "js"클래스가 태그보다 위이다.
그리고 역시 클래스를 지우면 파랗게 나오는 것을 알 수 있다.
