在選擇元素時，什麼是插入符號^用於css？

我在這樣的文件中遇到的CSS選擇：在選擇元素時，什麼是插入符號^用於css？

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

來源

2013-01-02 Yannis Dran

抑揚字符開始的克拉「^」這樣在CSS沒有定義的含義。可以在attribute selectors中使用雙字符運算符「^ =」。通常，[attr^=val]指的是那些具有attr屬性的元素，其值以val開頭。

因此，a[href^=tel]指的是這樣的a元素，其具有屬性href，其值爲以tel開頭。這可能意味着將電話號碼鏈接與其他鏈接區分開來;由於選擇器也匹配例如<a href="tel.html">...</a>，但它可能意味着僅匹配tel:作爲協議部分的鏈接。所以a[href^="tel:"]會更安全。

來源

2013-01-03 08:50:22

這意味着一個標籤，其href屬性開始「電話」

例子：

<a href="tel123xxx">This is a link</a>

將匹配。

來源

2013-01-02 23:20:23

「^」使用等，將匹配一個標籤，其中在href與「電話」（http://csscreator.com/content/attribute-selector-starts）

來源

2013-01-02 23:20:35 amelvin

一個[HREF^=「電話」]

（^）意味着它選擇具有與值開始/與給定的字符串完全從指定的屬性的元素。

這選擇所有的「錨」元素href屬性的一個字符串「電話」

來源

2013-01-03 17:00:37 Codegiant

@Yannis DRAN正是啓動值你有嗎？ – Codegiant

是的非常感謝你，我感到困惑，因爲在html中沒有包含字符串「tel」的值。 –

在選擇元素時，什麼是插入符號^用於css？

回答

相關問題