>웹 프론트엔드 >CSS 튜토리얼 >CSS 속성 이름에서 별표(*)는 무엇을 의미합니까?

CSS 속성 이름에서 별표(*)는 무엇을 의미합니까?

Susan Sarandon
Susan Sarandon원래의
2024-11-25 11:04:11747검색

What Does an Asterisk (*) Mean in a CSS Property Name?

CSS 속성 이름에서 별표의 역할 이해

CSS 선택기에서는 별표(*)를 사용하여 요소를 일치시킵니다. 하지만 속성 이름 내에서 발견되면 무엇을 의미합니까?

CSS 속성 이름

별표(*)는 CSS 속성 이름에 유효한 문자가 아니며 구문 오류를 발생시킵니다. 이는 별표가 있으면 속성 이름이 유효하지 않게 되고 브라우저에서 선언이 무시된다는 것을 의미합니다.

예:

.yui-button .first-child
{
    display:block;
    *display:inline-block;
}

이 예에서는 *display:inline-block 선언은 별표가 있기 때문에 유효하지 않습니다. 브라우저는 이 선언을 무시하고 유효한 display:block 선언을 적용합니다.

브라우저 버그 및 의미

구문 오류에도 불구하고 브라우저는 역사적으로 다음과 같은 버그를 표시했습니다. 별표를 무시하도록 허용했습니다. 이로 인해 IE7과 같은 특정 브라우저를 대상으로 별표를 사용하는 관행이 발생했습니다.

그러나 이 동작에 의존하는 것은 업데이트된 브라우저 사용자의 사용자 경험을 저하시키는 브라우저별 스타일을 생성하므로 권장되지 않습니다.

대체 솔루션

특정 브라우저에 조건부로 스타일을 적용하려면, 별표 대신 조건부 주석을 사용하는 것이 좋습니다. 조건부 주석은 이전 브라우저에서는 지원되지만 최신 브라우저에서는 무시되어 대상 스타일 지정이 가능한 주석입니다.

결론

CSS 선택기에서 별표를 사용하여 다음을 수행할 수 있습니다. 어떤 요소와도 일치하면 CSS 속성 이름에 유효한 문자가 아니므로 사용하지 않아야 합니다. 브라우저에는 일반적으로 별표를 무시할 수 있는 버그가 수정되어 브라우저별 스타일 지정에 신뢰할 수 없는 기술이 되었습니다.

위 내용은 CSS 속성 이름에서 별표(*)는 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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