什么是插入符号^在选择元素时用于css？

Question

我在这样的文件中遇到了一个css选择器:

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

Answer 1

这样的抑扬符"^"在CSS中没有定义的含义.双字符运算符"^ ="可用于属性选择器.通常,[attr^=val]指的是attr具有以值开头的值的属性的元素val.

因此,a[href^=tel]指的是具有以值开头a的属性的元素.它可能是为了区分电话号码链接与其他链接; 它不太适合,因为选择器也匹配例如但它可能只是匹配作为协议部分的链接.所以会更安全.hreftel<a href="tel.html">...</a>tel:a[href^="tel:"]

Answer 2

一个[HREF ^ = "电话"]

(^)表示它选择具有指定属性的元素,其值的开始/开始与给定字符串完全相同.

在这里,它选择所有'anchor'元素,href属性的值恰好以字符串'tel'开头

Answer 3

表示href属性以“tel”开头的标签

例子：

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

会匹配。

Answer 4

像这样使用的克拉“^”将匹配 href 以“tel”开头的标签（http://csscreator.com/content/attribute-selector-starts）