Chọn mọi <a> có href kết thúc bằng .htm với CSS

Sử dụng bộ chọn [attribute$="value"] để chọn các phần tử có giá trị thuộc tính kết thúc bằng một giá trị xác định, tức là ".htm" ở đây.

Ví dụ

Bạn có thể chạy mã sau để triển khai bộ chọn CSS [attribute$="value"]:

<!DOCTYPE html>
<html>
  <head>
    <style>
      [href$="htm"] {
        border: 5px solid orange;
        border-radius: 5px;
      }
    </style>
  </head>
  <body>
    <a href="https://tutorialspoint.com/java/index.htm">Java Tutorial</a>
    <a href="https://www.tutorialspoint.com/java/java_tutorial.pdf">Java Tutorial PDF</a>
  </body>
</html>