css 우선순위/상속

ID > Class > element (pseudo 포함)

id=xxx 했으면 1 0 0 class=xxx이면 0 1 0  여러개 중첩했으면 그 자리에 1씩 더해주면됨

모르겠으면 specificity calculator에 검색해보기 

만약에 순위값이 동일하다면 가장 마지막에(최근에) 있는 값으로 적용됨

크롬 개발자도구 들어가면 무슨 설정이 밀렸는지 확인 가능 - 적용했을 때 어떻게 되는지도 가능하니 많이 참고할것

 

상속

내가 body 태그 안에 h1을 설정했는데 body 태그에 컬러를 걸어도 h1까지 적용됨- 상속되었기 때문

설정을 안해도 상위 항목의 상속 받을 수 있음 but 안되는 태그도 있는데 상속받고 싶으면 inherit;을 걸면됨(자주 안쓰긴함)