我在这样的文件中遇到了一个 css 选择器：
#contactDetails ul li a, a[href^=tel] {....}
问问题
15076 次
4 回答
47
像这样的抑扬符“^”在 CSS 中没有明确的含义。两个字符的运算符“^=”可用于属性选择器。通常，[attr^=val]指具有以attr开头的值的属性的元素val。
因此，a[href^=tel]指的是具有以 开头的值a的属性的元素。这可能是为了将电话号码链接与其他链接区分开来；这还不够，因为选择器也匹配例如，但它可能意味着只匹配作为协议部分的链接。这样会更安全。hreftel<a href="tel.html">...</a>tel:a[href^="tel:"]
于 2013-01-03T08:50:22.357 回答
8
a[href^="tel"]
( ^) 表示它选择具有指定属性的元素，其值恰好以给定字符串开头/开始。
在这里，它选择所有“锚”元素，href属性的值恰好以字符串开头'tel'
于 2013-01-03T17:00:37.120 回答
5
像这样使用的克拉“^”将匹配href以“tel”开头的标签（http://csscreator.com/content/attribute-selector-starts）
于 2013-01-02T23:20:35.080 回答
4
表示href属性以“tel”开头的标签
例子：
<a href="tel123xxx">This is a link</a>
会匹配。
于 2013-01-02T23:20:23.213 回答