\'i\' 플래그는 CSS에서 대소문자를 구분하지 않는 속성 일치를 어떻게 활성화합니까?

CSS 속성 선택기에서 "i"와 대소문자를 구분하지 않는 속성 일치

CSS 속성 선택기의 맥락에서 질문이 생겼습니다. 코드에서 문자 "i"의 의미에 대해 snippet:

[type="checkbox" i]

Answer:

속성 값 "checkbox"에 추가된 "i"는 대소문자를 구분하지 않는 속성 일치를 나타냅니다. 이는 CSS 선택기 레벨 4에 도입된 기능으로, 요소 속성을 보다 유연하고 포괄적으로 일치시킬 수 있습니다.

브라우저 지원:

이 기능은 현재 지원됩니다. 버전:

• Chrome 49
• Firefox 47
• Safari 9
• Opera 37(및 잠재적으로 이전 버전)

데모:

여기 대소문자를 구분하지 않는 속성의 작동을 설명하는 샘플 코드 일치:

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

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

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

Green if supported, red if not:

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

브라우저가 대소문자를 구분하지 않는 속성 일치를 지원하는 경우 샘플 요소의 배경은 녹색입니다. 그렇지 않으면 배경이 빨간색이 됩니다.

위 내용은 \'i\' 플래그는 CSS에서 대소문자를 구분하지 않는 속성 일치를 어떻게 활성화합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!