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

前端之家收集整理的这篇文章主要介绍了什么是插入符号^在选择元素时用于css?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在这样一个文件中遇到了一个css选择器:
#contactDetails ul li a,a[href^=tel] {....}

解决方法

回旋字符“^”在CSS中没有定义的含义。双字符运算符“^ =”可以在 attribute selectors中使用。通常,[attr ^ = val]是指具有属性attr的元素,其值以val开头。

因此,一个[href ^ = tel]是指这样一个元素,其属性href的值以tel开头。这可能意在区分电话号码链接和其他链接;这不太适合,因为选择器也匹配例如。 < a href =“tel.html”> …< / a>但是它可能意味着只能与tel:link作为协议部分。所以一个[href ^ =“tel:”]会更安全。

猜你在找的CSS相关文章