Vai trò bộ chọn :target trong CSS

Bộ chọn :target - Lặp lại

Nội dung trùng lặp với bài 1003062674. :target highlight phần tử id khớp URL hash.

Ví dụ (giống hệt bài 1003062674)

<!DOCTYPE html>
<html>
<head>
  <style>
    :target {
      border: 2px solid #D4D4D4;
      background-color: orange;
      color: white;
    }
  </style>
</head>
<body>
  <p>Click môn học:</p>
  <p><a href="#tut1">Toán</a></p>
  <p><a href="#tut2">Java</a></p>
  <p><a href="#tut3">C++</a></p>
  <p><a href="#tut4">C</a></p>
  <p id="tut1"><b>Hướng dẫn Toán</b></p>
  <p id="tut2"><b>Hướng dẫn Java</b></p>
  <p id="tut3"><b>Hướng dẫn C++</b></p>
  <p id="tut4"><b>Hướng dẫn C</b></p>
</body>
</html>

Click link → URL có hash → phần tử id tương ứng highlight.