html/css - id와 class, 우선적용 순위

html

• id-고유 값, 하나만 사용해야 함
• class-보통 중복으로 사용함

css

div>ul>li*2하고 엔터치면 자동생성

• 배치와 관련한 속성(border, padding 등)은 상속을 받지 않음

ex) 여러개 div가 있다면, border는 가장 상위에 적용되서 하나만 생기고, color는 전체에 다 적용됨

• inline>internal>external 순으로 우선적용됨

(html에 쓰인 것>html에 style 선언하여 쓰인것>외부파일 .css로 선언한 것)

• 나중에 적은 것이 우선 적용됨

• 구체적으로 표현된 것이 우선 적용됨

• class(.) > id(#) > element(div 등) 순으로 우선 적용

출처: edwith | 부스트코스 - Full-Stack Web Developer