Ký hiệu dấu mũ^được sử dụng cho trong css khi chọn các phần tử là gì?

Question

tôi gặp phải một selector css vào một tập tin như thế này:

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

Answer 1

Nhân vật circumflex “^” như vậy không có ý nghĩa định nghĩa trong CSS. Toán tử hai ký tự “^ =” có thể được sử dụng trong attribute selectors. Nói chung, [attr^=val] là các phần tử có thuộc tính attr với giá trị bắt đầu bằng val.

Vì vậy, a[href^=tel] đề cập đến các yếu tố a có thuộc tính href với giá trị bắt đầu bằng tel. Nó có thể có nghĩa là để phân biệt các liên kết số điện thoại từ các liên kết khác; không hoàn toàn phù hợp với điều đó, vì công cụ chọn cũng khớp với ví dụ: <a href="tel.html">...</a> nhưng có thể chỉ phù hợp với các liên kết với tel: làm phần giao thức. Vì vậy, a[href^="tel:"] sẽ an toàn hơn.

Answer 2

Nó có nghĩa là một thẻ có thuộc tính href bắt đầu bằng "tel"

Ví dụ:

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

sẽ phù hợp.

Answer 3

Các carat "^" được sử dụng như thế sẽ phù hợp với một thẻ nơi href bắt đầu với "tel" (http://csscreator.com/content/attribute-selector-starts)

Answer 4

a [href^= "tel"]

(^) có nghĩa là nó chọn yếu tố mà có thuộc tính chỉ định với một giá trị bắt đầu/bắt đầu chính xác với một chuỗi cho trước.

Ở đây nó sẽ chọn tất cả các yếu tố 'neo' giá trị của thuộc tính href bắt đầu chính xác với một chuỗi 'tel'