[컴][웹][css] css 에서 우선순위 - css order priority

css 에서 우선순위 - css order priority

from : http://hungred.com/useful-information/css-priority-order-tips-tricks/

같은 id 가 존재하는 경우의 우선순위

만약 css 안에 같은 id 가 두개 있다면,

나중에 쓰여진 것이 우선한다.

#test{

 font-size:1em;

}

#test{

 font-size:2em;

}

하지만 !important 를 쓰면, 무조건 !important 가 우선한다.

#test{

 font-size:1em !important;

}

중첩된 css 에서 우선순위

그리고 중첩되게 css 가 물려 있는 경우에는 좀 더 자세한 항목에 대한 css 일 수록 우선순위가 높다. 그리고 id, class, tag 와의 관계는 아래와 같은 순위를 갖는다.

ID > class > HTML tag

자세한 사항은 from 을 참고하자.