Ответ 1
Обводящий символ "^" как таковой не имеет определенного значения в CSS. Двухсимвольный оператор "^ =" может использоваться в селекторах атрибутов. Как правило, [attr^=val] относится к тем элементам, у которых есть атрибут attr со значением, начинающимся с val.
Таким образом, a[href^=tel] относится к таким элементам a, которые имеют атрибут href со значением, которое начинается с tel. Вероятно, это означает различать ссылки на номера телефонов из других ссылок; его недостаточно подходит для этого, поскольку селектор также соответствует, например, <a href="tel.html">...</a>, но это, вероятно, означает соответствие только ссылок с tel: в качестве части протокола. Поэтому a[href^="tel:"] будет более безопасным.