CSS 스타일 계단식 순서
여러 스타일 시트를 사용하는 경우 스타일 시트는 특정 선택기 제어를 위해 경쟁해야 합니다. 이러한 경우 제어권을 얻는 스타일 시트 규칙이 항상 있습니다. 다음 속성은 경쟁 스타일 시트의 결과를 결정합니다.
앞서 언급했듯이 웹 페이지 작성자와 독자 모두 스타일 시트를 지정할 수 있습니다. 두 규칙이 충돌하면 웹 페이지 제작자의 규칙이 독자의 다른 동일한 가중치 규칙보다 우선합니다. 웹 페이지 작성자와 독자의 스타일 시트는 브라우저에 내장된 스타일 시트를 초과합니다.
웹 페이지 작성자는 사용자가 가지고 있는 모든 중요한 규칙을 무시하므로 주의해서 사용해야 합니다. 예를 들어, 사용자는 시각적 제약으로 인해 큰 글꼴이나 특정 색상이 필요할 수 있으며, 이러한 사용자는 특정 스타일 규칙을 ! 중요로 선언할 수 있습니다. 이러한 스타일은 사용자가 웹 페이지를 읽는 데 매우 중요하기 때문입니다. 중요한 규칙은 일반 규칙보다 우선하므로 웹 페이지 작성자는 특별한 스타일이 필요한 사용자가 웹 페이지를 읽을 수 있도록 일반 규칙을 사용하는 것이 좋습니다.
선택기 규칙: 계산된 속성은 속성 수준을 기반으로 합니다. 스타일 시트는 충돌하는 스타일 시트를 무시할 수도 있습니다. 이것은 지정된 선택자의 수를 세는 통계 게임일 뿐입니다.
선택기의 ID 속성 수를 계산합니다.
선택기의 CLASS 속성 수를 계산합니다.
통계 선택기의 HTML 태그 이름 형식입니다.
마지막으로 공백이나 쉼표 없이 세 개의 숫자를 올바른 순서로 쓰면 세 자리 숫자가 나옵니다. (숫자를 세 자리로 끝나는 더 큰 숫자로 변환해야 합니다.) 선택기에 해당하는 숫자의 최종 목록을 사용하면 높은 숫자의 속성이 낮은 숫자의 속성보다 우선한다는 것을 쉽게 확인할 수 있습니다. 다음은 특성별로 분류된 선택기 목록입니다. #id1 {xxx} /* a=1 b=0 c=0 ——> 특성 = 100 */ UL UL LI.red {xxx} /* a=0 b = 1 c=3 ——> 특성 = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> 특성 = 011 */ LI {xxx} /* a=0 b=0 c =1 ——> 특성 = 001 */특성의 순서는 편의상 두 규칙의 가중치가 같을 경우 나중에 적용됩니다.
여러 스타일 시트를 사용하는 경우 스타일 시트는 특정 선택기 제어를 위해 경쟁해야 합니다. 이러한 경우 제어권을 얻는 스타일 시트 규칙이 항상 있습니다. 다음 속성은 경쟁 스타일시트의 결과를 결정합니다.
앞서 언급했듯이 웹 페이지 작성자와 독자 모두 스타일 시트를 지정할 수 있습니다. 두 규칙이 충돌하면 웹 페이지 제작자의 규칙이 독자의 다른 동일한 가중치 규칙보다 우선합니다. 웹 페이지 작성자와 독자의 스타일 시트는 브라우저에 내장된 스타일 시트를 초과합니다.
웹 페이지 작성자는 사용자가 가지고 있는 모든 중요한 규칙을 무시하므로 주의해서 사용해야 합니다. 예를 들어, 사용자는 시각적 제약으로 인해 큰 글꼴이나 특정 색상이 필요할 수 있으며, 이러한 사용자는 특정 스타일 규칙을 ! 중요로 선언할 수 있습니다. 이러한 스타일은 사용자가 웹 페이지를 읽는 데 매우 중요하기 때문입니다. 중요한 규칙은 일반 규칙보다 우선하므로 웹 페이지 작성자는 특별한 스타일이 필요한 사용자가 웹 페이지를 읽을 수 있도록 일반 규칙을 사용하는 것이 좋습니다.
선택기 규칙: 계산된 속성은 속성 수준을 기반으로 합니다. 스타일 시트는 충돌하는 스타일 시트를 무시할 수도 있습니다. 이것은 지정된 선택자의 수를 세는 통계 게임일 뿐입니다.
선택기의 ID 속성 수를 계산합니다.
선택기의 CLASS 속성 수를 계산합니다.
통계 선택기의 HTML 태그 이름 형식입니다.
마지막으로 공백이나 쉼표 없이 세 개의 숫자를 올바른 순서로 쓰면 세 자리 숫자가 나옵니다. (숫자를 세 자리로 끝나는 더 큰 숫자로 변환해야 합니다.) 선택기에 해당하는 숫자의 최종 목록을 사용하면 높은 숫자의 속성이 낮은 숫자의 속성보다 우선한다는 것을 쉽게 확인할 수 있습니다. 다음은 특성별로 분류된 선택기 목록입니다. #id1 {xxx} /* a=1 b=0 c=0 ——> 특성 = 100 */ UL UL LI.red {xxx} /* a=0 b = 1 c=3 ——> 특성 = 013 */ LI.red {xxx} /* a=0 b=1 c=1 ——> 특성 = 011 */ LI {xxx} /* a=0 b=0 c =1 ——> 특성 = 001 */특성의 순서는 편의상 두 규칙의 가중치가 같을 경우 나중에 적용됩니다.