Heim >Web-Frontend >CSS-Tutorial >Verwenden Sie CSS, um jedes Element auszuwählen, dessen Alt-Attributwert mit „Tutor' beginnt.

Verwenden Sie CSS, um jedes Element auszuwählen, dessen Alt-Attributwert mit „Tutor' beginnt.

王林
王林nach vorne
2023-09-16 20:41:051086Durchsuche

使用 CSS 选择 alt 属性值以“Tutor”开头的每个元素

Verwenden Sie den Selektor [attribute|=“value“], um Elemente mit dem angegebenen Attribut auszuwählen, beginnend mit dem angegebenen Wert.

Sie können versuchen, den folgenden Code auszuführen, um den CSS-Selektor [attribute|=“value“] zu implementieren,

Beispiel

Live-Demo

<!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>

Das obige ist der detaillierte Inhalt vonVerwenden Sie CSS, um jedes Element auszuwählen, dessen Alt-Attributwert mit „Tutor' beginnt.. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen
Vorheriger Artikel:CSS-Randbild-SlicingNächster Artikel:CSS-Randbild-Slicing