Chọn phần tử có giá trị thuộc tính kết thúc bằng giá trị xác định với CSS

Để 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, hãy sử dụng bộ chọn [attribute$="value"].

Ví dụ

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

<!DOCTYPE html>
<html>
  <head>
    <style>
      [alt$="Connect"] {
        border: 5px solid blue;
        border-radius: 5px;
      }
    </style>
  </head>
  <body>
    <img src="https://www.tutorialspoint.com/videotutorials/images/tutor_connect_home.jpg" height="200" width="200" alt="Tutor Connect">
    <img src="https://www.tutorialspoint.com/videotutorials/images/tutorial_library_home.jpg" height="200" width="200" alt="Tutorials Library">
  </body>
</html>