什么是用于在CSS中选择元素时插入符号符号^?(What is caret symbol ^ use

2019-07-17 19:01发布

我遇到了这样一个文件,CSS选择器:

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

Answer 1:

抑扬字符“^”这样在CSS没有定义的含义。 两字符的运算符“^ =”可被用属性选择器 。 通常, [attr^=val]是指那些具有属性的元素attr与开头的值val

因此, a[href^=tel]是指这样a具有属性元素href有与开始值tel 。 它可能是指区别于其他联系电话号码联系; 它不是针对相当充足,由于选择也符合如<a href="tel.html">...</a>但它可能意味着只匹配与联系tel:作为协议的一部分。 所以, a[href^="tel:"]可能会更安全。



Answer 2:

一个[HREF ^ = “电话”]

(^)意味着它选择具有与值开始/与给定的字符串完全从指定的属性的元素。

这里它选择所有的“锚”分子href属性的一个字符串“电话”正好在开始值



Answer 3:

使用像将匹配一个标签克拉“^”里的HREF开始与“电话”( http://csscreator.com/content/attribute-selector-starts )



Answer 4:

这意味着一个标签,其href属性开始“电话”

例:

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

将匹配。



文章来源: What is caret symbol ^ used for in css when selecting elements?