Chọn <img> có alt bắt đầu bằng "Tutor" với CSS

Sử dụng bộ chọn [attribute|="value"] để chọn các phần tử có thuộc tính xác định bắt đầu bằng một giá trị cụ thể.

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|="Tutor"] {
        border: 5px solid orange;
        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>