CSS- Đánh dấu div khi id được liên kết với việc sử dụng một neo?

Question

Điều tôi đang cố gắng làm là đánh dấu một div với một id nhất định, khi nó được một neo trên một trang khác gọi đến: IE:

Nhấp chuột của người dùng liên kết href="qw.html#test", khi trang được tải, sau đó là div với id="test" được đánh dấu để người dùng có thể nhìn thấy rõ ràng.

Tôi chắc chắn rằng tôi đã xem một ví dụ CSS3 trong đó div được đánh dấu nếu nó được liên kết đến. Hoặc là JavaScript?

Answer 1

Bạn cần phải sử dụng :target pseudo-class:

:target { 
    background-color: #ffa; 
} 

JS Fiddle demo.

Answer 2

Javascript có thể được sử dụng để tự động thêm/thay đổi lớp của div:

Nếu bạn có:

<div id="test"></div> 

Javascript chức năng, thực hiện bằng cách bấm vào neo:

document.getElementById("test").className += " highlighted"; 

Kết quả:

<div id="test" class=" highlighted"></div> 

Answer 3

Bạn có thể thực hiện điều này bằng JavaScript. Tham khảo How to get the anchor from the URL using jQuery? về cách để có được neo từ URL và sau đó nó có thể được một cái gì đó đơn giản như

document.getElementById(hash).style.backgroundColor="Yellow";