要素を選択するときにCSSで使用されるキャレットシンボルとは何ですか？

Question

は、私はこのようなファイルにCSSセレクタに遭遇しました：

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

が一致します。

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

Answer 1

曲折文字で始まるタグが一致することのように使用される「^」などは、CSSには定義された意味を持っていないよう。 attribute selectorsでは、2文字の演算子「^ =」を使用できます。一般に、[attr^=val]は、という属性を持ち、値がvalで始まる要素を指します。

したがって、a[href^=tel]は、で始まる値を持つhrefという属性を持つそのようなa要素を指します。これはおそらく、電話番号リンクを他のリンクと区別するためのものです。セレクタは、例えば、次のように一致するので、それには十分ではない。 <a href="tel.html">...</a>ですが、おそらくプロトコル部分としてtel:のリンクとのみ一致させることを意図しています。したがって、a[href^="tel:"]はより安全です。

Answer 2

それはそのhref属性 "TEL"

例で始まるタグを意味します。

Answer 3

カラット「^」のhrefは「TEL」（http://csscreator.com/content/attribute-selector-starts）

Answer 4

[HREF^= "TEL"]

（^）は、指定された文字列と正確に開始/開始値で指定された属性を持つ要素を選択します。ここで

それは文字列「TEL」