Was wird in css bei der Auswahl von Elementen für das Caret-Symbol^verwendet?

Question

Ich traf diese eine CSS-Selektor in einer Datei wie:

#contactDetails ul li a, a[href^=tel] {....} 

Answer 1

Das Zirkumflex Zeichen „^“ als solche haben keine definierte Bedeutung in CSS. Der zweistellige Operator "^ =" kann in attribute selectors verwendet werden. Im Allgemeinen bezieht sich [attr^=val] auf die Elemente, die das Attribut attr mit einem Wert haben, der mit val beginnt.

Somit bezieht sich a[href^=tel] auf solche a Elemente, die das Attribut href mit einem Wert haben, der mit tel beginnt. Es ist wahrscheinlich dazu gedacht, Telefonnummernverbindungen von anderen Verbindungen zu unterscheiden; dafür ist es nicht ganz ausreichend, da der Selektor auch z. <a href="tel.html">...</a> aber es ist wahrscheinlich gemeint, nur Links mit tel: als Protokoll Teil übereinstimmen. So wäre a[href^="tel:"] sicherer.

Answer 2

Es bedeutet Tags, deren Attribut href beginnt mit "tel"

Beispiel:

<a href="tel123xxx">This is a link</a> 

übereinstimmen.

Answer 3

Die Karat „^“ so verwendet wird, einen Tags entsprechen, wo die href mit „tel“ beginnt (http://csscreator.com/content/attribute-selector-starts)

Answer 4

a [href^= "tel"]

(^) bedeutet, dass es Elemente auswählt, die das angegebene Attribut mit einem Wert beginnt/beginnen genau mit einer bestimmten Zeichenfolge aufweisen.

Hier wählt alle ‚Anker‘ Elemente der Wert des Attributs href beginnend genau mit einem String ‚tel‘