Les identifiants HTML peuvent-ils commencer par des nombres et comment cela affecte-t-il le style CSS ?

Les éléments peuvent-ils avoir des valeurs d'identification commençant par des chiffres ?

Oui, il est possible de créer des éléments HTML avec des valeurs d'identification commençant par des chiffres. ou se composent entièrement de chiffres, comme dans <div>.

Validité technique et considérations de style

Bien que ces valeurs d'ID soient techniquement valides selon la spécification HTML5, elles posent des problèmes lors de l'utilisation de sélecteurs CSS pour les cibler. Plus précisément, les valeurs d'ID qui commencent par des chiffres ne peuvent pas être utilisées littéralement dans les sélecteurs CSS et nécessitent d'être échappées à l'aide de barres obliques inverses. Par exemple, #12 doit être écrit sous la forme #3132.

Recommandation pour le style CSS

Si vous avez l'intention d'utiliser CSS pour styliser des éléments avec des identifiants numériques, il est conseillé de commencer les identifiants par des lettres pour éviter d'avoir besoin d'un échappement. Cela simplifie le processus et garantit la compatibilité entre les navigateurs.

Exemple

Considérez le code HTML suivant :

<div>

À l'aide de JavaScript, vous pouvez définir la bordure et le style de police de l'élément div comme suit :

document.getElementById("12").style.border = "2px solid black";
if (document.querySelector) {
  document.querySelector("#\31\32").style.fontStyle = "italic";
}

Le code CSS pour définir la couleur d'arrière-plan de l'élément div serait :

# {
  background: #0bf;
}

Notez que le sélecteur CSS nécessite que la valeur de l'ID soit échappée à l'aide de barres obliques inverses.

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!