选择元素时，在css中使用的是什么是插入符号？ [英] What is caret symbol ^ used for in css when selecting elements?

问题描述

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

I encountered a css selector in a file like this:

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

推荐答案

^因此在CSS中没有定义的含义。双字符运算符^ =可用于属性选择器。通常， [attr ^ = val] 是指具有属性 attr code> val 。

The circumflex character "^" as such has no defined meaning in CSS. The two-character operator "^=" can be used in attribute selectors. Generally, [attr^=val] refers to those elements that have the attribute attr with a value that starts with val.

因此， a [href ^ = tel] 是指具有属性 href 且值以 tel开头的 a 元素。这可能是为了区分电话号码链接和其他链接;它不足够，因为选择器也匹配例如。 < a href =tel.html> ...< / a> ，但它可能只适用于与 tel ：作为协议部分。因此 a [href ^ =tel：] 会更安全。

Thus, a[href^=tel] refers to such a elements that have the attribute href with a value that starts with tel. It is probably meant to distinguish telephone number links from other links; it’s not quite adequate for that, since the selector also matches e.g. <a href="tel.html">...</a> but it is probably meant to match only links with tel: as the protocol part. So a[href^="tel:"] would be safer.

这篇关于选择元素时，在css中使用的是什么是插入符号？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！