>웹 프론트엔드 >CSS 튜토리얼 >CSS 우선순위 계산 방법에 대한 자세한 설명

CSS 우선순위 계산 방법에 대한 자세한 설명

高洛峰
高洛峰원래의
2017-03-07 13:59:191885검색

주요 CSS 선택자에는 id, class, tag, [],:,:: 등이 있으며 일반적으로 판단해야 할 우선 순위에는 id, class, tag가 포함됩니다. 또한 인라인 스타일과 !important도 있습니다. 또한 CSS의 우선순위도 관련되어 있습니다.

이 다섯 가지 상황의 우선순위를 숫자로 표현하면 해당 관계는 다음과 같습니다.

!important(10000) > ; style(1000) > id(100) > class(10) > tag(1)


일반적인 CSS 우선순위 비교는 다음과 같이 숫자 크기 비교로 변환될 수 있습니다. li 및 .list .content ul li, 우선순위는

100+1=101 > 10+10+1+1=22

전자 우선순위가 더 높습니다. 후자보다.

위 CSS 우선순위 계산 방법(권장)은 모두 편집자가 공유한 내용이므로 참고가 되셨으면 좋겠고, PHP 중국어 홈페이지도 지원해 주시길 바랍니다.

CSS 우선순위 계산 방법에 대한 자세한 내용은 PHP 중국어 웹사이트를 참고하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.