À quoi sert le caret symbol ^ en 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] {....}
4 réponses
Le caractère circonflexe "^" en tant que tel n'a pas de signification définie en CSS. L'opérateur à deux caractères "^ = " peut être utilisé dans les sélecteurs d'attributs . Généralement, [attr^=val] fait référence à ces éléments qui ont l'attribut attr, avec une valeur qui commence par val.
Donc, a[href^=tel] fait référence à la a les éléments dont l'attribut href, avec une valeur qui commence par tel. Il est probablement destiné à distinguer les liens de numéro de téléphone des autres liens; ce n'est pas tout à fait suffisant pour cela, puisque le sélecteur correspond également par exemple <a href="tel.html">...</a> mais il est probablement destiné à ne faire correspondre que les liens avec tel: en tant que partie du protocole. Donc a[href^="tel:"] serait plus sûr.
A[href^="tél."]
(^) signifie qu'il sélectionne les éléments qui ont l'attribut spécifié avec une valeur commençant/commençant exactement avec une chaîne donnée.
Ici, il sélectionne tous les éléments 'anchor' la valeur de l'attribut href commençant exactement par une chaîne ' tel '
Le carat "^" utilisé comme ça correspondra à des balises où le href commence par " tel " ( http://csscreator.com/content/attribute-selector-starts)
Cela signifie une balise dont l'attribut href commence par " tel "
Exemple:
<a href="tel123xxx">This is a link</a>
Correspondra.