성준이의 개발블로그 성준이의 개발블로그

우선순위란? 우선순위란, 같은 요소가 여러 선언의 대상이 된 경우, 어떤 선언의 CSS 속성을 우선적으로 적용할지 결정하는 방법입니다. 우선순위 적용 방법 두가지의 방법이 있습니다. 점수가 높은 선언의 우선순위가 높습니다. 점수가 같다면, 가장 마지막에 해석된 (나중에 작성된) 선언의 우선순위가 높습니다. (덮어쓴다고 생각하면 됩니다.) 여기서 점수는 어떻게 적용할까요? 선택자들의 점수 important (9999999999점) Inline style (1000점) ID 선택자 (100점) Class 선택자 (10점) Tag 선택자 (1점) *(전체) 선택자 (0점) 상속 ⇒ 상속이 가능하지만 별도로 점수를 계산하지 않습니다. 점수계산 예시 .list li.item{ } Class(10) + Tag(1)..

1. 전체 셀렉터 패턴 설명 * HTML 문서 내의 모든 요소를 선택합니다. html 요소를 포함한 모든 요소가 선택됩니다. Heading paragraph 1 paragraph 2 paragraph 3 모든 글자가 빨간색으로 변합니다. 2. 태그 셀렉터 패턴 설명 태그명 지정된 태그명을 가지는 요소를 선택합니다. Heading paragraph 1 paragraph 2 paragraph 3 태그로 지정된 것은 전부 빨간색으로 변합니다. 3. ID 셀렉터 패턴 설명 #id 어트리뷰트 값 id 어트리뷰트 값을 지정하여 일치하는 요소를 선택합니다. id 어트리뷰트 값은 중복될 수 없는 유일한 값입니다. Heading paragraph 1 paragraph 2 paragraph 3 4. 클래스 셀렉터 패턴 설..