:local-link
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Lớp giả :local-link CSS lớp giả đại diện cho một liên kết đến cùng tài liệu. Do đó, một phần tử là điểm neo nguồn của một siêu liên kết mà URL tuyệt đối của đích khớp với URL tài liệu của chính phần tử đó.
css
/* Selects any <a> that links to the current document */
a:local-link {
color: green;
}
Cú pháp
css
:local-link {
/* ... */
}
Ví dụ
HTML
html
<a href="#target">This is a link on the current page.</a><br />
<a href="https://example.com">This is an external link</a><br />
CSS
css
a:local-link {
color: green;
}
Kết quả
Thông số kỹ thuật
| Specification |
|---|
| Selectors Level 4 # local-link-pseudo |
Khả năng tương thích trình duyệt
Hiện tại, không có trình duyệt nào hỗ trợ tính năng này.