CSS 속성 선택기에서 \'i\' 플래그의 목적은 무엇입니까?

CSS 속성 선택기에서 "i"는 무엇을 합니까?

CSS에서는 다음과 같이 "i"가 추가된 속성 선택기를 만날 수 있습니다. Google Chrome 사용자 에이전트 스타일시트의 예:

[type="checkbox" i]

이 "i"는 대소문자를 구분하지 않는 속성 일치를 지정합니다. CSS 선택기 레벨 4.

브라우저 호환성

이 기능은 현재 Chrome(49 ), Firefox(47 ), Safari(9 ) 및 Opera(37 )와 같은 널리 사용되는 브라우저에서 지원됩니다. , 처음에는 Chrome 39 주변의 Chrome 사용자 에이전트 스타일에서만 사용할 수 있었습니다. 웹 개발자는 실험적 기능을 구성하여 웹 콘텐츠에 대해 이를 활성화할 수 있었습니다. 플래그.

예

다음은 브라우저 지원 테스트에 대한 간단한 데모입니다.

<!-- Color will be green on supported browsers, red on unsupported -->

<div data-test="A"></div>

[data-test] {
    width: 100px;
    height: 100px;
    margin: 4px;
}

[data-test="A"] {
    background: red;
}

[data-test="a" i] {
    background: green;
}

위 내용은 CSS 속성 선택기에서 \'i\' 플래그의 목적은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!