我在这样的文件中遇到了一个css选择器:
#contactDetails ul li a, a[href^=tel] {....}
答案 0 :(得分:37)
这样的抑扬符“^”在CSS中没有明确的含义。可以在attribute selectors中使用双字符运算符“^ =”。通常,[attr^=val]
是指那些属性为attr
且元素值以val
开头的元素。
因此,a[href^=tel]
是指a
个元素,其属性href
的值为tel
。它可能是为了区分电话号码链接与其他链接;它不太适合,因为选择器也匹配例如<a href="tel.html">...</a>
但它可能仅用于匹配tel:
作为协议部分的链接。所以a[href^="tel:"]
会更安全。
答案 1 :(得分:6)
a [href ^ =“tel”]
(^)表示它选择具有指定属性的元素,其值与给定字符串完全一致。
这里选择所有'anchor'元素,href属性的值恰好以字符串'tel'开头
答案 2 :(得分:4)
使用的克拉“^”将匹配href以“tel”开头的标签(http://csscreator.com/content/attribute-selector-starts)
答案 3 :(得分:3)
它表示href属性以“tel”
开头的标签示例:
<a href="tel123xxx">This is a link</a>
将匹配。