본문 바로가기

[IT/Programming]/HTML related

CSS Specificity or Priority (우선순위)

반응형
# CSS Specificity or Priority (우선순위) CSS 우선순위가 약간 헷갈리는 것들이 있어서 정리중. 우선 링크들만 정리. CSS Selector, inline style, !important, javascript handling. Javascript 로 style 바꿀때도 CSS selector 처럼 영향이 있는건가? 아니면 이땐 항상 inline style 로 적용되는건가? 당연히 후자라고 생각했었는데, 테스트 해보니까 전자 같기도... 추가로 실제 브라우저에서 어떻게 구현을 해놨는지도 궁금한데... 분명 CSS 처리를 먼저 해놓고, HTML element 들을 처리하면서 바로 CSS 를 적용시키는 식으로 페이지를 띄우던데... 저장된 CSS 를 모두 거치면서 selector 에 해당하는지 테스트하고 selector 에 걸린것들 중에서 priority ordering 한 다음에 적용하나??? 이러면 너무 쓸데없는 연산이 많이 들어갈거 같은데... 우선 HTML element tree 완성 시키고, CSS priority 낮은애들부터 적용시키면서 덮어 씌우는 식인가? 이게 가장 computing resource 를 덜 잡아먹을거 같긴한데... 실제 구현이 이럴지는 모르겄네. inherit 특성도 있어서... 뭐 inherit 은 reference 잡는걸로 해결될지도? ## TOC ## RRA
  1. www.standardista.com - css3 CSS specificity, 2012?
  2. www.smashingmagazine.com - CSS Specificity: Things You Should Know, 2007-07, by Vitaly Friedman
  3. developer.tizen.org - CSS Rule Priorities
  4. MDN - CSS Specificity
  5. opentutorials.org - CSS 적용 우선순위, 2013-04-15
반응형