Quel est le but de l'indicateur \'i\' dans les sélecteurs d'attributs CSS ?

Que fait le « i » dans un sélecteur d'attribut CSS ?

En CSS, vous pouvez rencontrer un sélecteur d'attribut avec un « i » ajouté, comme celui-ci exemple tiré de la feuille de style de l'agent utilisateur de Google Chrome :

[type="checkbox" i]

Ce "i" désigne la correspondance d'attributs insensible à la casse, une innovation introduite dans CSS Selectors Level 4.

Compatibilité des navigateurs

Bien que cette fonctionnalité soit actuellement prise en charge dans les navigateurs populaires tels que Chrome (49 ), Firefox (47 ), Safari (9 ) et Opera (37 ), elle était initialement disponible uniquement dans les styles d'agent utilisateur de Chrome autour de Chrome 39. Les développeurs Web pourraient l'activer pour le contenu Web en configurant des fonctionnalités expérimentales. flag.

Exemple

Voici une démonstration rapide pour tester la prise en charge du navigateur :

<!-- 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;
}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!