> 웹 프론트엔드 > CSS 튜토리얼 > CSS의 별표 앞에 붙는 속성은 무엇이며 왜 사용되었나요?

CSS의 별표 앞에 붙는 속성은 무엇이며 왜 사용되었나요?

Susan Sarandon
풀어 주다: 2024-11-29 03:59:10
원래의
462명이 탐색했습니다.

What are Star-Preceded Properties in CSS and Why Were They Used?

CSS에서 별표가 앞에 오는 속성 공개

CSS 영역에서 속성 앞에 별표( *). 이것은 단순한 장식이 아닙니다. 이는 "스타 속성 해킹"이라는 영리한 해킹의 일부입니다.

별표(*)는 해당 속성을 Internet Explorer(IE)에 특정한 속성으로 표시하는 특수 문자입니다. IE는 이러한 속성을 발견하면 다른 브라우저와 다르게 해석합니다. 세기 전환기에 웹 개발에 자주 사용된 이 기술을 통해 개발자는 특정 브라우저를 선택적으로 대상으로 하는 규칙을 작성할 수 있었습니다.

예를 들어 다음 CSS 스니펫을 고려해 보세요.

div.with-some-class {
    display:block;                   
    margin:0;
    padding:2px 0 0 0;
    *padding:1px 0 0 0;
    font-size:11px;   
    font-weight:normal;
    *line-height:13px;
    color:#3D9AD0;
}
로그인 후 복사

앞에 별표가 있는 속성인 padding 및 line-height를 확인하세요. 이러한 규칙은 IE에 맞게 특별히 조정되었습니다. 이 예에서는 IE의 패딩 및 줄 높이 값을 다른 브라우저와 다르게 설정하여 브라우저별 조정이 가능하도록 했습니다.

이 해킹은 CSS 전처리기와 최신 브라우저 지원이 출현하기 전에 특히 유용했습니다. . 이는 각 브라우저에 대해 별도의 규칙을 작성할 필요 없이 IE를 대상으로 하는 편리한 방법을 제공했습니다. 그러나 브라우저 호환성이 향상됨에 따라 이러한 기술의 필요성이 줄어들었고 현대 개발 관행에서는 거의 사용되지 않습니다.

위 내용은 CSS의 별표 앞에 붙는 속성은 무엇이며 왜 사용되었나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿