:target-current
Khả dụng hạn chế
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Experimental: This is an experimental technology
Check the Browser compatibility table carefully before using this in production.
Lớp giả :target-current trong CSS chọn scroll marker đang hoạt động — tức là scroll marker của scroll-marker-group hiện đang được cuộn đến. Bộ chọn này có thể dùng để tạo kiểu cho vị trí điều hướng đang hoạt động trong một nhóm scroll marker.
Note:
Lớp giả :target-current chỉ hợp lệ trên phần tử giả ::scroll-marker và các phần tử đã được chỉ định làm scroll marker bằng thuộc tính scroll-target-group.
Cú pháp
css
:target-current {
/* ... */
}
Ví dụ
Xem Tạo carousel bằng CSS và ::scroll-marker để có ví dụ đầy đủ sử dụng lớp giả :target-current.
Sử dụng cơ bản
css
::scroll-marker {
background-color: white;
}
::scroll-marker:target-current {
background-color: black;
}
Đặc tả kỹ thuật
| Thông số kỹ thuật |
|---|
| CSS Overflow Module Level 5 # active-scroll-marker |