Подтвердить что ты не робот

Что такое символ каретки, используемый в css при выборе элементов?

Я столкнулся с селектором css в файле, подобным этому:

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

Ответ 1

Обводящий символ "^" как таковой не имеет определенного значения в CSS. Двухсимвольный оператор "^ =" может использоваться в селекторах атрибутов. Как правило, [attr^=val] относится к тем элементам, у которых есть атрибут attr со значением, начинающимся с val.

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

Ответ 3

a [href ^ = "tel" ]

(^) означает, что он выбирает элементы, у которых есть указанный атрибут со значением, начинающимся/начинающимся точно с данной строкой.

Здесь он выбирает все элементы "anchor" значение атрибута href, начинающегося точно с строки "tel"

Ответ 4

Это означает теги, чей атрибут href начинается с "tel"

Пример:

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

будет соответствовать.