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

时间:2013-01-02 23:16:35

标签: css css-selectors

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

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

4 个答案:

答案 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>

将匹配。