Quel est l'accent circonflexe ^ utilisé dans le css lors de la sélection d'éléments?
J'ai rencontré un sélecteur css dans un fichier comme ceci:
#contactDetails ul li a, a[href^=tel] {....}
Vous devez vous connecter pour publier un commentaire.
De l'accent circonflexe caractère “^” en tant que telle n'a pas de signification définie dans le CSS. Les deux caractères de l'opérateur “^=” peuvent être utilisés dans sélecteur d'attribut. Généralement,
[attr^=val]
fait référence à ces éléments qui ont l'attributattr
avec une valeur qui commence parval
.Ainsi,
a[href^=tel]
se réfère à de tellesa
les éléments dont l'attributhref
avec une valeur qui commence partel
. C'est probablement destinée à distinguer le numéro de téléphone de liens à partir d'autres liens; il n'est pas assez suffisante pour que, depuis le sélecteur correspond par exemple<a href="tel.html">...</a>
mais il est probablement censés correspondre à des liens avectel:
que le protocole de la partie. Donca[href^="tel:"]
serait plus sûr.a[href^="tel"]
(^) signifie qu'il sélectionne les éléments dont l'attribut spécifié avec une valeur de début/de départ exactement avec une chaîne donnée.
Ici, il sélectionne tous les 'ancre' éléments, la valeur de l'attribut href de départ exactement avec une chaîne 'tel'
Le carat "^" utilisé comme qui va correspondre à une des balises où href commence par "tel" ( http://csscreator.com/content/attribute-selector-starts )
Il désigne une des balises dont l'attribut href commence par "tel"
Exemple:
sera à la hauteur.