search

Home  >  Article  >  Web Front-end  >  Use CSS to select every element whose alt attribute value starts with 'Tutor'

Use CSS to select every element whose alt attribute value starts with 'Tutor'

王林
王林forward
2023-09-16 20:41:051040browse

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

Use the [attribute|=”value”] selector to select elements with the specified attribute starting with the specified value.

You can try running the following code to implement the CSS [attribute|=”value”] selector,

Example

Live demonstration

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

The above is the detailed content of Use CSS to select every element whose alt attribute value starts with 'Tutor'. For more information, please follow other related articles on the PHP Chinese website!

css Attribute 选择器
Statement：
This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete
Previous article：CSS border image slicingNext article：CSS border image slicing

Related articles

See more