Was ist das caret-symbol ^ verwendet für die css bei der Auswahl von Komponenten?

Stieß ich auf ein css-Selektor in eine Datei wie diese:

#contactDetails ul li a, a[href^=tel] {....}
InformationsquelleAutor Yannis Dran | 2013-01-02
  1. 37

    Dem Zirkumflex-Zeichen "^" als solche hat keine definierte Bedeutung in CSS. Die zwei-Zeichen-operator "^=" verwendet werden können in Attribut-Selektoren. Generell [attr^=val] bezieht sich auf jene Elemente, die das Attribut attr mit einem Wert, der beginnt mit val.

    So a[href^=tel] bezieht sich auf solche a Elemente mit dem Attribut href mit einem Wert, der beginnt mit tel. Es ist wohl gemeint, zu unterscheiden, Telefonnummer links von anderen links; es ist nicht ganz angemessen, da der Selektor passt auch z.B. <a href="tel.html">...</a> aber es ist wohl gemeint entsprechen nur links mit tel: als Protokoll Teil. So a[href^="tel:"] wäre sicherer.

    InformationsquelleAutor Jukka K. Korpela
  2. 6

    a[href^="tel"]

    (^) bedeutet, dass es selektiert Elemente, die das angegebene Attribut mit einem Wert, der Anfang/Beginn genau mit einer bestimmten Zeichenfolge.

    Hier wählt alle die "Anker" - Elemente wird der Wert des href-Attribut beginnt exakt mit einem string 'tel'

    • Dran hast du es?
    • ja danke Euch allen sehr viel, hatte ich schon ein wenig verwirrt, weil in der html-Code wurde kein Wert mit der Zeichenfolge "tel".
    InformationsquelleAutor Codegiant
  3. 4

    Carat "^" verwendet, wie das match tags, wo das "href" beginnt mit "tel" ( http://csscreator.com/content/attribute-selector-starts )

    InformationsquelleAutor amelvin
  4. 3

    Bedeutet es, ein tags, deren href-Attribut beginnt mit "tel"

    Beispiel:

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

    entsprechen.

    InformationsquelleAutor abhi.gupta200297
Schreibe einen Kommentar